0

このコードのすべてが機能していますが、ブラウザーは新しいコンテンツをインポートした後に jquery 関数を適用できません

html コード:

<div class="id2" >  </div>

        <div style="clear: both"></div> <br/>

リンク 

                 <div class="read">
                <table cellpadding="0" cellspacing="0" id="table" width="100%">



            </table>
            </div>

jqueryコード：このコードには2つの関数があります。最初の関数はデータベースに挿入され、2番目の関数はデータベースから削除され、テーブルからtrを非表示にします。このコンテンツが最初の関数からインポートされたときにユーザーがテーブルから削除できない問題を削除しました、、jquery関数が機能しない

/ * 削除して隠す ** /

    $(document).on("click", "#backup", function(){        // when  click 'the link'  this will import new content and update databace  and i use .on() function for it
  var s = {
      "id": "backup_tables"
        };
  $.ajax({         // here will do some thing in databacse
      url : "function.php",
      type : "POST",
      data :s,
      success : function (data){
         $(".id2").stop().stop().html(data).fadeIn(1000).delay(3000).fadeOut(500);    // here the massges for user will set in the class "id2"
      },
  });

      var s = {
      "id": "backup_readlast"
        };

  $.ajax({    // hrer will add new content
      url : "function.php",
      type : "POST",
      data :s,
      success : function (data){
      $(".read table tr:last").after(data);       // here will set the new content in the end of table and it's  working ,
      $("#table tr:last").hide().fadeIn(800);      // but The problem that the import content is not applies jquery code
      },
      beforeSend : function (){

       $(".id2").html("<img scr =\"../images/loading.gif\"  alt=\"\" />");

      }
});
return false;
});
      /*** delet and hide  ****/
 $(".backupdelete").click(function(){   // here this function must be work after import new content  ,, but desn't work
           var name = $(this).attr("title");
           var s = {
      "id": "backupdelete",
      "id2" : name
        };
  $.ajax({
      url : "function.php",
      type : "POST",
      data :s,
      success : function (data){
         $(".id2").stop().stop().html(data).fadeIn(500).delay(2000).fadeOut(500);  // here the massges for user will set in the class "id2"
      },
      beforeSend : function (){
       $(".id2").html("<img scr =\"../images/loading.gif\"  alt=\"\" />");
      }
  });
$(this).closest('tr').fadeOut(500);
return false;
});
4

1 に答える 1

0

したがって、すべての場合に on() を使用します。

  /*** delet and hide  ****/
  $('body').on('click',".backupdelete",function () { // here this function must be work after import new content  ,, but desn't work
      var name = $(this).attr("title");
      var s = {
          "id": "backupdelete",
              "id2": name
      };
      $.ajax({
          url: "function.php",
          type: "POST",
          data: s,
          success: function (data) {
              $(".id2").stop().stop().html(data).fadeIn(500).delay(2000).fadeOut(500); // here the massges for user will set in the class "id2"
          },
          beforeSend: function () {
              $(".id2").html("<img scr =\"../images/loading.gif\"  alt=\"\" />");
          }
      });
      $(this).closest('tr').fadeOut(500);
      return false;
  });
于 2013-03-30T10:31:49.033 に答える