jquery對話框顯示特定時間後的關閉按鈕

如何在一定的時間後顯示關閉按鈕，我試過settimeout但它不會工作。有人可以提供一個基本的樣本，以顯示一段時間後關閉按鈕。jquery對話框顯示特定時間後的關閉按鈕

感謝

編輯：
我這是怎麼做的定製按鈕，因爲有人問我這個

var myButtons = { 
       'Close': function() { 
      }, 
      'Do not show this again': function() { 
        $.ajax({ 
         type: "POST", 
         url: pagename, 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", 
         success: function (response) { 
          if (response.d == true) { 
          } 
         } 
        }); 
       } 
      }; 

$("#div").html("").dialog({ modal: true, resizable: false, width: 830, height: 580, show: 'slow', title: '', open: function (event, ui) { $(".ui-dialog-titlebar", $("#div").parent()).hide(); }, buttons: myButtons });

這就是我如何做的自定義按鈕。我有mybuttons變量的原因是因爲我使用條件語句，並基於該對話框打開時顯示不同的按鈕。

來源

2012-04-10 user1284460

對話框也會顯示，但我只希望在10秒左右後顯示按鈕。 – user1284460 2012-04-10 15:32:44

嘗試類似下面，

DEMO

var $dialog = $('Your Dialog Div'); // Your Dialog Div 

//Get Dialogs Parent and find the close button. 
//jQuery assigns .ui-dialog-titlebar-close class to the close X (a tag) 
var $dialogCloseBtn = $dialog.parent().find('.ui-dialog-titlebar-close'); 

//hide the close button 
$dialogCloseBtn.hide(); 

//show the close button after 10 seconds 
setTimeout(function() { 
    $dialogCloseBtn.fadeIn(100); 
}, 10000);

假設：上面的代碼假設你想隱藏/顯示jQuery defau lt關閉按鈕，您可以在對話框的標題中看到它。

來源

2012-04-10 15:39:25

以及我想要自定義按鈕以這種方式工作，但此代碼的作品。 – user1284460 2012-04-10 15:52:55

@ user1284460你可以發佈你如何創建這些自定義按鈕..你可以在初始化對話框時向這些按鈕添加類。 – 2012-04-10 15:53:43

如果對話框有id=close_dialog_button關閉按鈕，給它一個display:none樣式，然後使用此代碼：

$("#dialog_div").dialog({ 
    open: function(event, ui) { 
    setInterval(function() { 
     $("#close_dialog_button").show(); 
    }, 10000); 
} 
});

來源

2012-04-10 15:36:25 Ben

jquery對話框顯示特定時間後的關閉按鈕

回答

相關問題