Javascript JQuery函数代码运行不正常

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

第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部分，但对话框仍然没有显示，所以这与对话框代码有关。。。第二部分

见下文：

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");
            }
        }
    ]
});    
}

---

删除

autoOpen:false

。此选项使对话框在初始化时不可见

另一个选项是在末尾添加

.dialog（“打开”）

：

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

---

比较（3x）：

删除

autoOpen:false

。此选项使对话框在初始化时不可见

另一个选项是在末尾添加

.dialog（“打开”）

：

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

---

比较（3x）：

尝试初始化并在两个不同的位置打开（现在，每次执行

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');
}

---

尝试在两个不同的位置初始化和打开（现在，每次执行

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');
}

---

是否正在阻止表单提交（导致页面重新加载）当您单击提交按钮时？请参阅更新…它似乎是第2部分。对话框部分具有problem@Satch3000看到我附加的答案/提琴，对话框出现：。您是否实际包含jquery-ui.js和jquery ui.css？是否阻止表单提交（导致页面重新加载）当您单击提交按钮时？请参阅更新…它似乎是第2部分。对话框部分具有problem@Satch3000看到我附加的答案/提琴，对话框出现：。你真的包括jquery-ui.js和jquery-ui.css了吗？