iT邦幫忙

0

remove()動畫不動作

remove()無動作
ajax的連線都有成功,因為F5之後該筆資料就會刪除,就是當下remove的動畫效果無法出現
https://github.com/xyleem/php-ajax-curl.git

程式碼如上
畫面動作參考 https://i.imgur.com/o1eGjx0.gifv

感謝....

更新補清晰版圖片

dragonH iT邦超人 5 級 ‧ 2020-06-13 21:45:21 檢舉
你貼的圖比糨糊還要糊

貼你 console 的訊息吧

看起好像有 syntax error
amisser iT邦新手 5 級 ‧ 2020-06-13 22:05:45 檢舉
不好意思,已補圖。
不知道這個有沒有幫助?

2 個回答

3
dragonH
iT邦超人 5 級 ‧ 2020-06-13 23:00:39

我猜是你的 ajax 回傳的結果不是你預期的

所以會導致

$("#"+dataResult).remove();

有問題

把它印出來看先

咖咖拉 iT邦研究生 1 級 ‧ 2020-06-14 14:54:38 檢舉

$("#"+dataResult) 應該錯了
錯誤訊息看的到 變成了 # 1059
dataResult前面多了空白

淺水員 iT邦高手 2 級 ‧ 2020-06-15 08:43:19 檢舉

從 update_PM.php 來看,提問者有習慣在檔案最後加上 ?>
我猜 cctek_config.php 也是如此,所以產生了空白
建議提問者,一般要被引用的 php 檔案並不需要加 ?>
只有要直接寫 html 的 php 檔案才需要有 php 的結尾符號

0
telery
iT邦新手 5 級 ‧ 2020-06-14 12:01:52

我的建議是你在按delete的時候就把這列存成變數記錄下來,然後ajax成功的時候利用他remove

$(document).on("click", "#delete", function() {
var tr=$(this).closest("tr");
$.ajax({
url: "update_PM.php",
type: "POST",
cache: false,
data:{
type:3,
id: $("#id_d").val()
},
success: function(dataResult){
$('#deleteEmployeeModal').modal('hide');
tr.remove();
$("#"+dataResult).remove();

    }
});

});

我要發表回答

立即登入回答