javascript - 按钮单击上的 jQuery 对话框 ui 功能不起作用

Question

我正在尝试让以下逻辑发挥作用。任何建议将不胜感激。

这就是我正在尝试做的事情..

如果<input type="button" name="filter" id="filter" value="Save / Change" />被点击。

然后检查 requiredFields() 是否返回 true

如果 requiredFields() 返回 true

然后显示 jQuery UI 对话框

来自 jQuery 对话框操作

设置表单字段、更改表单操作、提交表单、将表单操作更改回原始操作

 jQuery(function($)
 {
 $("#filter").on("click", function() {

    if(requiredFields()) {
      $("#dialog").dialog("open");
      $( "#dialog" ).dialog({
        resizable: false,
        height:175,
        modal: true,
        position: {
          my: "center top",
          at: "center top",
          of: window
        },
        buttons: {
          "Yes": function() {
            $( this ).dialog( "close" );

            $('input[name="setAccess"]').val('1');

            $("#myForm").attr("action", "submit.epl");
            $( "form:myForm" ).submit();
            $("#myForm").attr("action", "form.epl");


          },
          "No": function() {
            $( this ).dialog( "close" );

            $('input[name="setAccess"]').val('');

            $("#myForm").attr("action", "submit.epl");
            $( "form:myForm" ).submit();
            $("#myForm").attr("action", "form.epl");

          }
        }
      });
    }
 });
});

Answer 1

这里是Fiddle demo

我建议稍微改变一下你的工作流程...我建议在文档就绪事件上立即使用 autoOpen: false 初始化模式对话框，稍后只需使用 $("#dialog ").dialog("open"); 方法来打开它。