最近在使用jQuery dialog插件的時候,遇到了閃退的問題,特此記錄一下解決過程。
首先,在代碼中新增了一個彈窗:
$("body").append("彈窗內容"); $("#dialog").dialog({ autoOpen: false });
然后在點擊按鈕時,調用彈窗:
$(".button").click(function(){ $("#dialog").dialog("open"); });
結果,點擊按鈕后彈窗出現了,但是立刻就消失了。
經過排查,發現是因為彈窗的HTML代碼里面包含了一個form標簽,而該form標簽的提交事件與當前頁面的表單沖突導致的。
解決辦法是將彈窗代碼中的form標簽移除:
$("body").append(""); $("#dialog").dialog({ autoOpen: false });
這樣就解決了dialog閃退的問題,希望能幫到遇到同樣問題的朋友。