DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery ui1.7 dialog只能彈出一次問題
jQuery ui1.7 dialog只能彈出一次問題
編輯:JQuery特效代碼     
代碼如下:
// 顯示確認對話框
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,搞定~~
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved