脚本对最近创建的元素不起作用[重复]

Question

我创建了两个用于管理列表的脚本。一个用于在页面中添加 li 元素并将其保存到数据库中，另一个用于将其删除。事实是，当我创建一个 li 元素时，第二个脚本（删除一个）不会对其生效（我必须更新页面以删除它）。我怎样才能让它发挥作用？

我把两个脚本都留给你：

添加：

function afegir() {

    var fnom=document.getElementById('compranom').value;
    var fnum=document.getElementById('quantitat').value;
        $.ajax({
            data: {
                "nom": fnom,
                "num":fnum
            },
            url:   'afegir.php',
            type:  'post',
            beforeSend: function () {
            },
            success:  function (response) {
            if(response!="-1") {
                $('.llista').append('<li value="'+fnum+'" id="'+response+'" >'+fnom+'</li>');
            }
            else{
            alert('Error');
            }
            }
        }); 
    }

删除：

$(document).ready(function(){
$(".list li").click(function() {
var fid=$(this).attr('id');
    $.ajax({
        data: {
            "id": fid
        },
        url:   'treure.php',
        type:  'post',
        beforeSend: function () {
        },
        success:  function (response) {
        if(response=="si") {
            $("#"+fid+"").remove();
        }
        else{
        alert('Error');
        }
        }
    }); 
});

});

感谢您的帮助。

Answer 1

为此使用事件委托..

$(document).ready(function(){
 $(".list").on('click','li',function() {
    var fid=$(this).attr('id');
    $.ajax({
      data: {
        "id": fid
      },
      url:   'treure.php',
      type:  'post',
      beforeSend: function () {
      },
      success:  function (response) {
        if(response=="si") {
          $("#"+fid+"").remove();
        }
        else{
           alert('Error');
        }
       }
   }); 

 });
});

link here 阅读有关委托事件的更多信息

Answer 2

可以使用 live() 获取新创建的元素：http://api.jquery.com/live/

描述：为所有匹配当前选择器的元素附加一个事件处理程序，现在和将来。