jQueryUI關閉按鈕的對話框點擊

我試圖創建一個對話框，裏面有一些額外的交互性;即從多選中添加/刪除選項。下面的基本代碼：jQueryUI關閉按鈕的對話框點擊

jQuery的

$(document).ready(function() { 
    $("#addCallDialogForm").dialog({ 
     autoOpen: false, 
     model: true, 
     width: 500, 
     buttons: { 
      "Add Call": function() { 
       alert("Adding Call") 

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

     open: function(event, ui) { 
      //Doing additional Stuff Here 
     }, 

     close: function(event, ui) { 
      //Doing additional Stuff Here Too 
     } 
    }); 

    $("#addBtn").click(function() { 
     alert("button Clicked"); 
    }); 
});

HTML

<div id="addCallDialogForm" title="Add Call"> 
    <form> 
     <fieldset> 
      <button id="addBtn">Add</button> 
     </fieldset> 
    </form> 
</div>

的問題是，當我點擊 '添加' 按鈕，將顯示警告，但只要我點擊確定，對話框關閉。我嘗試使用'beforeClose'方法來指定對話框何時應該關閉，但是這沒有幫助。

任何人都可以幫忙。在此先感謝。

來源

2014-02-11 ThatGuyGrant

的警報被稱爲？ –

＆你在對話框中打開彈出窗口？ –

警報只是通用代碼，它們可以很容易地替換爲「console.log」。當我單擊添加時，Im將選定的選項從一個多選移動到另一個。哪個工作，但只要移動完成，對話框關閉 – ThatGuyGrant

經過一番研究，我發現點擊對話框中的任何按鈕都會提交該表單。通過將event.preventDefault()作爲所需方法的第一行添加，該按鈕可以在不提交和關閉的情況下執行我想要的操作。

相關帖子：Here

感謝您試用 - 摹

來源

2014-02-12 07:29:09 ThatGuyGrant

按鈕標籤：

<asp:Button ID="btnClose" runat="server" Text="Cancel" Style="margin-left: 12px; 
    background-color: #FE8000; color: white" 
OnClientClick="closeCommentPopup()" />

closeCommentPopup功能：

<script type="text/javascript"> 
    function closeCommentPopup() { 
     $('#dialog').dialog('close'); 
     return false; 
    }; 
</script>

來源

2017-07-14 03:03:26 Shri

jQueryUI關閉按鈕的對話框點擊

回答

相關問題