Heim Web-Frontend js-Tutorial jQuery ui1.7 dialog只能弹出一次问题_jquery

jQuery ui1.7 dialog只能弹出一次问题_jquery

May 16, 2016 pm 06:47 PM
dialog ui

复制代码 代码如下:

// 显示确认对话框
function showConfirm(txtTitle, txtMsg, callback){
getDivDialog().text(txtMsg).dialog({
        modal: true
        , overlay: {
            opacity: 0.5
        }
        , title: txtTitle
        ,buttons: {
            "是" : function(){
                callback();
                $(this).dialog("close");
            }
            ,"否" : function(){
                $(this).dialog("close");
            }
        }
    });
}

但是在使用ui.1.7.1 的时候,每次按钮的click事件只能让dialog显示一次。无语。。。
查看官方文档也没有什么解释。 Google了一把,发现,在ui.1.7.1中dialog必须首先初始化。
在document.ready(function(){
// 初始化dialog
})
复制代码 代码如下:

$("#layout-confirm").dialog({
autoOpen: false,
modal: true,
title: "删除"
    });

后面的使用中,还有一点是需要注意的:
因为有些dialog参数是变量传递进去的,所以,必须先把option附加上,然后再open
代码示例:
复制代码 代码如下:

delText.click(function(){
        $("#layout-confirm").dialog(
            'option'
            , 'buttons'
            ,{
                "确定": function() {
                    if(file.type == 0){
                        deleteFolder(file.path);
                    }
                    else{
                        deleteFile(file.path);
                    }
                }
                ,"取消":function(){
                    $(this).dialog("close");
                }
            }
        );
        $("#layout-confirm").dialog("open");
});

ok,搞定~~
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Warum wird die Benutzeroberfläche von Elden Ring immer wieder angezeigt? Warum wird die Benutzeroberfläche von Elden Ring immer wieder angezeigt? Mar 11, 2024 pm 04:31 PM

In Elden's Ring wird die UI-Seite dieses Spiels nach einiger Zeit automatisch ausgeblendet. Spieler können die Anzeigekonfiguration der Anzeige und des Sounds auswählen es an. Warum wird die Benutzeroberfläche von Elden Ring weiterhin angezeigt? 1. Nachdem wir das Hauptmenü aufgerufen haben, klicken Sie zunächst auf [Systemkonfiguration]. 2. Wählen Sie in der Benutzeroberfläche [Anzeige- und Tonkonfiguration] die Anzeigekonfiguration des Messgeräts aus. 3. Klicken Sie zum Abschluss auf „Aktivieren“.

So verwenden Sie den Dialog von element-plus in vue3 So verwenden Sie den Dialog von element-plus in vue3 May 11, 2023 pm 09:13 PM

Vorteile: Beseitigen Sie umständliche sichtbare Benennungen und wiederholte Doms. Die Idee besteht darin, den Dialog in einer Komponente zu kapseln, die von einer Funktion aufgerufen werden kann. Wie folgt: addDialog({title: "Test", // Popup-Fenstername Komponente: TestVue, // Komponentenbreite: "400px", // Popup-Fenstergröße props: { // Parameter-ID an die Komponente übergeben : 0}, callBack :(data:any)=>{//Wenn die Popup-Aufgabe endet, rufen Sie die Rückruffunktion der übergeordneten Seite auf (zum Beispiel muss ich die Listenseite aktualisieren, nachdem ich sie hinzugefügt habe), console.log ("

Was sind die gängigen UI-Komponentenbibliotheken in Vue? Was sind die gängigen UI-Komponentenbibliotheken in Vue? Jun 11, 2023 am 11:47 AM

Vue ist ein beliebtes JavaScript-Framework, das einen komponentenbasierten Ansatz zum Erstellen von Webanwendungen verwendet. Im Vue-Ökosystem gibt es viele UI-Komponentenbibliotheken, mit denen Sie schnell schöne Schnittstellen erstellen und umfangreiche Funktionen und interaktive Effekte bereitstellen können. In diesem Artikel stellen wir einige gängige VueUI-Komponentenbibliotheken vor. ElementUIElementUI ist eine vom Ele.me-Team entwickelte Vue-Komponentenbibliothek. Sie bietet Entwicklern eine Reihe eleganter,

Zwei chinesische Google-Forscher veröffentlichten das erste rein visuelle Modell zum Verständnis der mobilen Benutzeroberfläche und vier Hauptaufgaben zur Aktualisierung von SOTA Zwei chinesische Google-Forscher veröffentlichten das erste rein visuelle Modell zum Verständnis der mobilen Benutzeroberfläche und vier Hauptaufgaben zur Aktualisierung von SOTA Apr 12, 2023 pm 04:40 PM

Für KI ist das „Spielen mit Mobiltelefonen“ keine leichte Aufgabe. Allein die Identifizierung verschiedener Benutzeroberflächen (UI) ist ein großes Problem: Es muss nicht nur der Typ jeder Komponente identifiziert werden, sondern auch die verwendeten Symbole und ihre Position, um die Funktion zu bestimmen der Komponente. Das Verständnis der Benutzeroberfläche mobiler Geräte kann dabei helfen, verschiedene Aufgaben der Mensch-Computer-Interaktion zu realisieren, beispielsweise die Automatisierung der Benutzeroberfläche. Frühere Arbeiten zur Modellierung mobiler Benutzeroberflächen stützen sich in der Regel auf die Ansichtshierarchieinformationen des Bildschirms, nutzen direkt die Strukturdaten der Benutzeroberfläche und umgehen so das Problem der Identifizierung von Komponenten ausgehend von den Bildschirmpixeln. Allerdings ist die Ansichtshierarchie nicht in allen Szenarios verfügbar. Diese Methode gibt aufgrund fehlender Objektbeschreibungen oder falsch platzierter Strukturinformationen normalerweise fehlerhafte Ergebnisse aus, selbst wenn Sie sie verwenden

Was bedeutet ui? Was bedeutet ui? Mar 14, 2024 pm 03:20 PM

UI ist die Abkürzung für „User Interface“, die hauptsächlich zur Beschreibung der Mensch-Computer-Interaktion, der Betriebslogik und der schönen Benutzeroberfläche der Software verwendet wird. Der Zweck des UI-Designs besteht darin, die Bedienung der Software einfacher und komfortabler zu gestalten und deren Positionierung und Eigenschaften vollständig widerzuspiegeln. Gängige UI-Designs werden in physische UI und virtuelle UI unterteilt, wobei virtuelle UI im Internetbereich weit verbreitet ist.

Entdecken Sie die beliebtesten jQuery-Frameworks für die mobile Benutzeroberfläche Entdecken Sie die beliebtesten jQuery-Frameworks für die mobile Benutzeroberfläche Feb 27, 2024 pm 12:03 PM

Das jQuery Mobile UI Framework ist ein Tool zum Entwickeln mobiler Anwendungen. Es bietet umfangreiche Schnittstellenkomponenten und interaktive Effekte, sodass Entwickler schnell hervorragende mobile Benutzeroberflächen erstellen können. In diesem Artikel werden wir einige der beliebtesten jQuery-Frameworks für die mobile Benutzeroberfläche untersuchen und spezifische Codebeispiele bereitstellen, um den Lesern zu helfen, diese Frameworks besser zu verstehen und zu verwenden. 1.jQueryMobiljQueryMobile ist ein Open-Source-Framework für die mobile Benutzeroberfläche, das auf HTML5 und CSS3 basiert.

Die umfassenden Tests von Android 15 Beta 4 sind abgeschlossen und der Countdown zur Veröffentlichung einer stabilen Version hat begonnen Die umfassenden Tests von Android 15 Beta 4 sind abgeschlossen und der Countdown zur Veröffentlichung einer stabilen Version hat begonnen Jul 29, 2024 pm 07:57 PM

Vor ein paar Tagen hat Google das Android 15 Beta 4-Update offiziell für berechtigte Nutzer von Pixel-Smartphones und -Tablets veröffentlicht. Dies markiert, dass das Android 15-Betriebssystem in die Plattform-Stabilisierungsphase eingetreten ist, was darauf hindeutet, dass seine stabile Version offiziell für weltweite Nutzer veröffentlicht wird Treffen Sie sich in den nächsten Tagen. Gleichzeitig verleiht diese Entwicklung der Galaxy-Geräteserie von Samsung Electronics neue Dynamik und beschleunigt den Entwicklungsprozess der OneUI7.0-Version. 1.[Android15Beta4 fördert die stabile Version von Samsung OneUI7.0](https://www.cnbeta.com/articles/tech/1427022.htm) Mit Android15Bet

Was ist der Unterschied zwischen UX- und UI-Design? Was ist der Unterschied zwischen UX- und UI-Design? Sep 27, 2022 pm 03:52 PM

Der Unterschied zwischen UX- und UI-Design: 1. UX macht die Benutzeroberfläche einfacher zu verwenden und UI macht die Benutzeroberfläche schöner. 2. UX ermöglicht es Benutzern, ihre Ziele zu erreichen, und UI sorgt dafür, dass die Benutzeroberfläche den Markensinn stärkt Ziele führen Benutzer zur Erledigung von Aufgaben, UI jedoch nicht. 4. Die Ergebnisse von UI und UX sind unterschiedlich. Die Ausgabe von UX umfasst UX-Erfahrungsberichte, Funktionsdefinition, Funktionsplanung, Projektfortschritt usw., während die Ausgabe von UI Visionen umfasst und Interaktion, visuelles Design, Markendesign, Bewegungsdesign sowie Komponentendesign und Designsprache usw.

See all articles