模式框打開錯誤之一，如果在頁面加載完畢之前按下，則會彈出

Question

我遇到問題，我的網站上有兩個不同的模式框。如果我在頁面完全加載之前按下加載它們的按鈕，它將加載錯誤的模式框（總是第一個）。

我該如何解決這個問題？在頁面完全加載之前禁用按鈕是否合理？或者還有另一種更友好的方法嗎？

Answer 1

你總是可以把調用的模態插件爲$(window).load(function(){ /* ... */ })事件處理程序，而不是$(document).ready(function(){ /* ... */ });，這將防止模態對話框附着直到窗口完成加載：

$(window).load(
    function(){ 
     $('#modalTriggerElementOne').modalPlugin(); 
     $('#modalTriggerElementTwo').otherModalPlugin(); 
    }); 

失敗這一點，你可以簡單地禁用按鈕在$(document).ready()，然後，在$(window).load()重新啓用它們：

$(document).ready(
    function(){ 
     $('input:button').attr('disabled',true); 
     /* ...other stuff... */ 
    }); 

$(window).load(
    function(){ 
     $('input:button').removeAttr('disabled'); 
    }); 

但是，似乎不必要的笨重。

顯然，如果您可以提供您的代碼/腳本的詳細信息，我們可能能夠爲您的問題提供更好的答案。