javascript - 带有 on() 的 Ajax 帖子

Question

$('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){
    });

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

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

例子：

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

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

Answer 1

我相信这应该有效。

$('.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);
        }
    });
});
}