在动态生成表中使用按钮时,AJAX 函数会触发一次,但不会触发第二次
AJAX function triggers once but not a second time when using buttons in dynamically generate tables
我有一个问题,我试图导致事件删除元素。此删除事件适用于单击的元素及其上方的对象。以下 ajax 调用在应用于不会更改的按钮时有效,但仅在应用于我希望应用它的按钮时重新加载页面时才有效。
/discards a card based upon what button is pressed
$(".discardCard").on('click',function(){
//alert('button linked') //buttons are linked no longer need
playerid = $(this).attr("data-xml");
dCard = $(this).attr("dCard");
$.ajax({
type: "POST",
url: "discardCard.php",
data: {player: playerid, dCard:dCard},
success: function(msg){
//alert('ajax function starts');
$('#playerHands').html(msg);
//alert('ajax function finishes')
}
});
//alert('1');
});
//alert('2');
下面显示了我打算让该活动执行的操作。获得显示结果的过程是:单击"放弃 1",刷新页面,单击"放弃 2"。
编辑!我需要更多的代表来发布带有此照片的照片,但您可以在此处看到它:http://i963.photobucket.com/albums/ae118/Akado117/Untitled_zps56a2159c.png。
当你得到新的 HTML 时,你需要让它可点击,就像你让旧的 HTML 可点击一样......即您需要对其进行.on()
。
function clickDiscard () {
playerid = $(this).attr("data-xml");
dCard = $(this).attr("dCard");
$.ajax({
type: "POST",
url: "discardCard.php",
data: {player: playerid, dCard:dCard},
success: function(msg){
$('#playerHands').html(msg);
// remove existing bindings to avoid double binding...
$(".discardCard").off("click");
$(".discardCard").on("click", clickDiscard);
}
});
}
$(".discardCard").on("click", clickDiscard);
相关文章:
- Javascript返回值只在循环中返回一次
- Jquery FadeIn FadeOut 只工作一次
- Javascript html每点击一次就会更改url
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- jQuery滚动功能只工作一次
- 刷新导致我的帖子“;张贴“;再一次
- 引导程序崩溃一次只能看到一个
- Regex-从第二次出现到最后一次出现
- 如何使用上一次调用的数据进行第二次 JS .post 调用
- 在动态生成表中使用按钮时,AJAX 函数会触发一次,但不会触发第二次
- 如何设置相同的索引两次(一次在每个循环内,另一次在循环外部)
- QuickPager Javascript工作为一次点击,但不是第二次点击
- 如何将一次选择的更改事件的数据附加到第二次选择
- React和Axios触发两次(一次未定义,一次成功)
- 动作在第二次加载时触发不止一次
- 如何测试方法是否只被调用了一次,而不是第二次在茉莉
- 我想把第一个函数和第二个函数结合起来,这样我只能调用它一次
- OnSubmit JavaScript只对错误条目工作一次,不重复返回表单,而是提交第二次输入的错误值
- Javascript进度条不更新'在飞行',而是一次一次进程完成