javascript - 删除只有效一次

Question

我对这段代码有疑问。

 if (attributeName == 'id') 
  {
    var loadUrl = "http://localhost:8000/OB_ViewDetails/";
    $.ajaxSetup ({
      cache: false
      });

    $("#discard").click(function(){
      var id = dataValue;
      // alert(id);

      $.ajax({
        url: 'deleteob/' + id
        // success:alert
      }).done(function(data){

        $("#obfull").load(loadUrl + ' #obfull > *', function(responseText) {
          if(responseText != '') $('#msg').append('<p class="alert alert-success">delete successful</p>')
          .children().delay(2000).fadeOut('slow');
        });

      });

    });

  }

使用.load来自 jQuery 的函数。问题是我的数据只在第一次调用时有效，而在第二次调用时无效。

我用它从列表中删除选定的项目。从模态。

我想要的是继续删除所选列表项的过程。

标签： javascriptjqueryjquery-load

Answer 1

委托你点击事件

$("body").on("click","#discard",function() {

var id = dataValue;
      // alert(id);

      $.ajax({
        url: 'deleteob/' + id
        // success:alert
      }).done(function(data){

        $("#obfull").load(loadUrl + ' #obfull > *', function(responseText) {
          if(responseText != '') $('#msg').append('<p class="alert alert-success">delete successful</p>')
          .children().delay(2000).fadeOut('slow');
        });

      });
 });