JQuery函数代码运行不正常

JQuery Function code not running properly

本文关键字：不正常 运行 代码 函数 JQuery      更新时间：2023-09-26

下面的代码有问题。基本上它是函数中的两个部分。。。

第1部分只是点击提交按钮，第2部分显示了一个对话框。

出于某种原因，两个部分分别运行，但在函数中添加到一起时，不会出现对话框，因此当一起运行时，第2部分不会运行。

语法问题？

这是代码：

function myfunction() { 
    $('input[type=submit]#mysubmit').click();  
    $("#info").dialog({
    autoOpen: false,
    modal: true,
    width: 400,
    zIndex: 9999999,
    resizable: false,
    buttons: [
        {
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }
    ]
});    
}

更新：我试着注释了第1部分，但对话框仍然没有显示，所以这与对话框代码有关。。。第2部分

见下文：

function myfunction() { 
    //$('input[type=submit]#mysubmit').click();   //commented out
    $("#info").dialog({
    autoOpen: false,
    modal: true,
    width: 400,
    zIndex: 9999999,
    resizable: false,
    buttons: [
        {
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }
    ]
});    
}

尝试在两个不同的地方初始化和打开（现在，每次执行myfunction时，对话框都会初始化

$(document).ready(function(){
 $("#info").dialog({
    autoOpen: false,
    modal: true,
    width: 400,
    zIndex: 9999999,
    resizable: false,
    buttons: [
        {
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }
    ]
});    
});
function myfunction(){
    $("#info").dialog('open');
}

删除autoOpen: false。此选项会使对话框在初始化时不可见。

另一种选择是在末尾添加.dialog("open")：

$("#info").dialog(..autoOpen: false...).dialog('open');

比较（3x）：http://jsfiddle.net/TEN7Z/2/

相关文章：