Question

我遇到以下代码问题。基本上它是功能中的两个部分...

第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部分，但对话框仍未显示，因此它与Dialog代码有关...第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");
            }
        }
    ]
});    
}

Answer 1

尝试在两个不同的地方初始化和打开（现在，每次执行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');
}

Answer 2

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

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

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

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

JQuery函数代码运行不正常

2 个答案: