首頁 web前端 js教程 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,搞定~~
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

艾爾登法環ui怎麼一直顯示 艾爾登法環ui怎麼一直顯示 Mar 11, 2024 pm 04:31 PM

在艾爾登法環中這款遊戲的ui頁面在一段時間以後是會自動進行隱藏的,有很多玩家不知道ui怎麼一直顯示,玩家可以在顯示以及聲音配置中選擇其中的量表顯示配置,點擊開啟即可。艾爾登法環ui怎麼一直顯示1、首先我們進入主選單後,點選【系統配置】。 2.在【顯示及聲音配置】介面,選擇其中的量表顯示配置。 3.點擊開啟即可完成。

vue3怎麼使用element-plus的dialog vue3怎麼使用element-plus的dialog May 11, 2023 pm 09:13 PM

優點擺脫繁瑣的visible的命名,以及重複的重複dom。想法將dialog封裝成函數就能喚起的元件。如下:addDialog({title:"測試",//彈跳窗名稱component:TestVue,//元件width:"400px",//彈跳視窗大小props:{//傳給元件的參數id:0},callBack :(data:any)=>{//當彈跳視窗任務結束後,呼叫父頁面的回掉函數。(例如我新增完成了需要刷新清單頁面)console.log("

Vue 常見的 UI 元件庫有哪些? Vue 常見的 UI 元件庫有哪些? Jun 11, 2023 am 11:47 AM

Vue是一款流行的JavaScript框架,它使用元件化的方式來建立Web應用程式。在Vue生態系統中,有許多UI元件庫可以幫助您快速建立漂亮的介面,並提供豐富的功能和互動效果。在本文中,我們將介紹一些常見的VueUI元件庫。 ElementUIElementUI是一款由餓了麼團隊開發的Vue元件庫,它為開發人員提供了一組優雅,

兩位Google華人研究員發布首個純視覺「行動UI理解」模型,四大任務刷新SOTA 兩位Google華人研究員發布首個純視覺「行動UI理解」模型,四大任務刷新SOTA Apr 12, 2023 pm 04:40 PM

對AI來說,「玩手機」可不是一件易事,光是辨識各種使用者介面(user interface, UI)就是一大難題:不光要辨識出各個元件的類型,還要根據其使用的符號、位置來判斷組件的功能。對行動裝置UI的理解,能夠幫助實現各種人機互動任務,例如UI自動化等。先前的工作對行動UI的建模通常依賴螢幕的視圖層次信息,直接利用了UI的結構數據,並藉此繞過了從螢幕像素開始對組件進行識別的難題。不過並不是所有的場景下都有可用的視圖層次,這種方法通常會因為物件描述的缺失或結構資訊的錯位而輸出錯誤結果,所以儘管使

ui是什麼意思的縮寫 ui是什麼意思的縮寫 Mar 14, 2024 pm 03:20 PM

UI是「User Interface」的縮寫,主要用於描述軟體的人機互動、操作邏輯和介面美觀。 UI設計的目的是讓軟體操作更簡單舒適,充分體現其定位與特性。常見的UI設計分為實體UI和虛擬UI,其中虛擬UI廣泛應用於網際網路領域。

探索最受歡迎的jQuery行動UI框架 探索最受歡迎的jQuery行動UI框架 Feb 27, 2024 pm 12:03 PM

jQuery行動UI框架是一種用於開發行動應用程式的工具,它提供了豐富的介面元件和互動效果,使開發者能夠快速建立優秀的行動用戶介面。在這篇文章中,我們將探索一些最受歡迎的jQuery行動UI框架,並提供具體的程式碼範例來幫助讀者更好地了解和使用這些框架。 1.jQueryMobilejQueryMobile是一個基於HTML5和CSS3的開源行動UI框架,

Android 15 Beta 4 全面測試完成 穩定版發布進入倒數計時 Android 15 Beta 4 全面測試完成 穩定版發布進入倒數計時 Jul 29, 2024 pm 07:57 PM

日前,Google正式向符合資格的Pixel智慧型手機和平板電腦用戶推送了Android15Beta4更新,這標誌著Android15作業系統已邁入平台穩定階段,預示著其穩定版將在接下來的幾天內正式與全球用戶見面。同時,這項進展也為三星電子的Galaxy設備系列加速其OneUI7.0版本的開發過程注入了新的活力。 1.[Android15Beta4推廣三星OneUI7.0穩定建置](https://www.cnbeta.com/articles/tech/1427022.htm)隨著Android15Bet

ux與ui設計的差別是什麼 ux與ui設計的差別是什麼 Sep 27, 2022 pm 03:52 PM

ux與ui設計的差異:1.UX讓介面更好用,UI讓介面更好看;2、UX讓使用者達成目標,UI讓介面提升品牌感;3、UX核心目標引導使用者完成任務,UI不是; 4.UI和UX的交付成果不一樣,UX的輸出包括UX體驗報告、功能定義、功能規劃、專案進度等,而UI交付的包括視覺與互動、視覺設計、品牌設計、動效設計、元件設計和設計語言等等。

See all articles