按鈕單擊時jQuery 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

這是小提琴演示

我建議稍微改變您的工作流程...我建議立即使用autoOpen: false在文檔就緒事件上初始化模式對話框autoOpen: false ，稍后再使用$("#dialog").dialog("open"); 打開它的方法。