點選刪除 ,會提示一個確定是否刪除提示框(模態框),點選確定以後,再執行ajax事件,這個是如何實現的?
我是剛接觸前端內容,這個彈出框是實作的原始碼都沒找到,
刪除
是透過class="js-ajax-dialog-btn"固定樣式的彈出框的.
搜尋到兩段jquery程式碼 $(.js-ajax-dialog-btn")....屏蔽了還是有彈出框。
大佬們的想法都很好,感謝!
因為快取太強大,我找到的程式碼是正確的,把原始碼改了。 。
確認框的是與否就可以執行ajax了!
判斷回傳的true或falsetrue執行ajaxfalse關掉模態框就ok了。
如果不追求效果,直接
var result=confirm("是否删除?"); if(result==true){//do something}
如果想要美觀,找一下各個 UI 庫,都會有這個東西,例如https://ethaizone.github.io/B...
點選刪除時只綁定彈出提示框的事件,在彈出框中,為確認按鈕綁定事件,進行對應的ajax請求。
點選刪除的時候,彈出模態框,然後確定按鈕上綁定ajax事件,則可實現點擊確定執行非同步。
推薦使用layer插件,簡單、方便。 prompt實例:
layer.open('Cloase?',{yes : function(){ } },cancel : function(){ });
確認框的是與否就可以執行ajax了!
判斷回傳的true或false
true執行ajax
false關掉模態框
就ok了。
如果不追求效果,直接
如果想要美觀,找一下各個 UI 庫,都會有這個東西,例如
https://ethaizone.github.io/B...
點選刪除時只綁定彈出提示框的事件,在彈出框中,為確認按鈕綁定事件,進行對應的ajax請求。
點選刪除的時候,彈出模態框,然後確定按鈕上綁定ajax事件,則可實現點擊確定執行非同步。
推薦使用layer插件,簡單、方便。
prompt實例: