带有 on(） 的 Ajax 帖子

Ajax post with on()

本文关键字：Ajax 帖子 on 带有      更新时间：2023-09-26
$('body').on('click','.removebet i',function(e){
    var a = $(this).attr("id");
    var data = "a="+a;
    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(e){
    });

我会解释这个问题。我可以使用这个函数发布 AJAX 表单，除了来自 ajax 的.removebet i之外没有问题。

如果我使用 AJAX 附加.removebet i，则此函数不起作用，因为它不调用 AJAX。

例：

$(".maindiv").html("<span class='removebet'><i>Yes</i></span>");

然后，当我单击"i"标签时，顶部的功能不起作用。

我相信这应该有效。

$('.removebet > i').click(function(event){
    var a = $(this).attr("id");
    alert(a);
    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(retval){
            alert(retval);
        }
    });
});

编辑

这将起作用，但是每个新添加的项目都不会绑定，因为绑定已经发生。 为了绑定新添加的项目，您必须在添加它们时重新绑定它们。

$.ajax({call to get your new item},
      success: function(data){
          // add to dom
          bindElement(newElement);
      }
 });
function bindElement(element){
$(element).click(function(event){
    var a = $(this).attr("id");
    alert(a);
    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(retval){
            alert(retval);
        }
    });
});
}
相关文章：