Jquery 如果在页面完全加载之前按下模式框，则会打开错误的模式框

我有一个问题，我的网站上有两个不同的模式框。如果我在页面完全加载之前按下加载它们的按钮，它会加载错误的模式框（总是第一个）

---

如何解决此问题？在页面完全加载之前禁用按钮是否合理？或者还有其他更友好的UI方法吗？

您可以始终将对模式插件的调用放入

$（窗口）.load（function（）{/*…*/}）

事件处理程序，而不是

$（document.ready（function（）{/*…*/}），这将阻止在窗口完成加载之前附加模式对话框：

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

否则，只需禁用
$（文档）.ready（）
中的按钮，然后在
$（窗口）.load（）上重新启用它们：

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

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

但这似乎是不必要的笨拙

显然，如果您能提供代码/脚本的详细信息，我们可能会为您的问题提供更好的答案。
我建议您发布您正在使用的jQuery脚本，以及相关模式插件的链接。