remove()動畫不動作

javascript php jquery

amisser 2020-06-13 17:16:37 ‧ 1622 瀏覽

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 檢舉

不好意思，已補圖。
不知道這個有沒有幫助?

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

dragonH

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

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

所以會導致

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

有問題

把它印出來看先

回應 2
分享
檢舉

咖咖拉 iT邦好手 1 級 ‧ 2020-06-14 14:54:38 檢舉

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

淺水員 iT邦大師 6 級 ‧ 2020-06-15 08:43:19 檢舉

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

登入發表回應

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();