幾秒鐘後自動隱藏對話框

Question

我已經閱讀了很多關於如何在幾秒鐘後以多種方式隱藏對話框的答案。然而，我不能用我的例子得到這個工作。

我使用的是一個opencart插件，在購物車中添加產品後顯示一個DIV，但只在用戶點擊「繼續購物」時停留在那裏。我希望這個DIV在5秒後自動關閉。

我已經試過的setTimeout，延遲等，並沒有什麼作品...所以我不知道我做錯了：

的代碼是這樣的：

$('#cart-total').html(json['total']); 
$('<div id="slidecart-success">'+json["confirmation"]+'</div>'). 
    dialog({ 
     autoOpen : true, 
     modal: true, 
     width : 480, 
     resizable: false,     
     title : cart_title, 
     buttons: [{ 
      text: cart_checkout, 
      click: function() { location = 'index.php?route=checkout/simplecheckout'; } 
     },{ 
      text: pop_continue, 
      click: function() { $(this).dialog("close"); } 
     }],     
     dialogClass: "slidecart-success", 
     create:function(){ 
      $("#slidecart-success-confirm").bind("click", 
       function(){ 
        $('#slidecart-success').dialog('close'); 
       } 
      ); 
     }, 
     close: function(){ 
      $("#slidecart-success-confirm").unbind("click"); 
      $('#slidecart-success').remove(); 
     } 
    });   

有人可以幫我嗎？

編輯：

我與也嘗試沒有成功：

if (json['success']) { 

       $('#cart-total').html(json['total']); 
// Start edit by Best-Byte // 
       $('<div id="slidecart-success">'+json["confirmation"]+'</div>'). 
       dialog({ 
        autoOpen : true, 
        modal: true, 
        width : 480, 
        resizable: false, 
        title : cart_title, 
      buttons: [{ 

     text: cart_checkout, 
     click: function() { location = 'index.php?route=checkout/simplecheckout'; } 
     },{ 
     text: pop_continue, 
     click: function() { $(this).dialog("close"); } 
     } 
     ],      
        dialogClass: "slidecart-success", 
        create:function(){ 
         setTimeout(function(){ 
    $("#slidecart-success-confirm").click(); 
}, 5000); 
         $("#slidecart-success-confirm").live("click", 
          function(){ 
           $('#slidecart-success').dialog('close'); 
          } 
         ); 
        }, 

Answer 1

我你不打算取消自動關閉試試這個代碼

var dialog = $("<div/>", { 
    id: "slidecart-success" 
    html: json.confirmation 
}).dialog({ 
    autoOpen : true, 
    modal: true, 
    width : 480, 
    resizable: false,     
    title : cart_title, 
    buttons: [{ 
     text: cart_checkout, 
     click: function() { location = "index.php?route=checkout/simplecheckout"; } 
    },{ 
     text: pop_continue, 
     click: function() { $(this).dialog("close"); } 
    }],     
    dialogClass: "slidecart-success", 
    open: function() { 
     setTimeout(function(){ 
      dialog.dialog("close"); 
     }, 5000); 
    }, 
    close: function() { 
     // its better to destroy dialog rather than remove node 
     dialog.destroy(); 
    } 
}); 

// you can move this to outer scope 
// and it will close any opened dialog 
$("#slidecart-success-confirm").on("click",function(){ 
    dialog && dialog.dialog("close"); 
}); 

Answer 2

這個什麼：

$('#cart-total').html(json['total']); 
$('<div id="slidecart-success">'+json["confirmation"]+'</div>'). 
    dialog({ /* ... */ }); 

setTimeout(function(){ 
    $("#slidecart-success-confirm").click(); 
}, 5000); 

同時採用

嘗試改變與live爲$("#slidecart-success-confirm")按鈕bind功能：

這只是調用了，5秒超時後確認鍵click事件......

編輯即setTimeout來自以上：

$("#slidecart-success-confirm").live("click", 
    function(){ 
     $('#slidecart-success').dialog('close'); 
    } 
); 

通過live函數，我們告訴新創建的元素（不是在DOM中構建的），並使用相應的選擇器也響應該事件（在我們的例子中爲click）。試試這個，如果它不工作，我想我的想法......