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");方法打开它。

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

1 个答案: