带on()的Ajax帖子

时间:2013-09-04 13:50:09

标签: javascript jquery ajax

$('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表单,除了.removebet i来自ajax之外没有问题。

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

示例:

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

然后,当我点击'i'标记时,顶部的功能不起作用。

1 个答案:

答案 0 :(得分:-2)

我相信这应该有用。

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