jquery通過ajax加載內容後不工作

我是新的Java腳本。我已經刪除表格行的代碼工作正常，當表已經存在的頁面，但它不工作，如果我從另一個頁面加載表由ajax調用..請幫我解決這個.. java腳本在這裏jquery通過ajax加載內容後不工作

$(document).ready(function() 
{ 
    $('table#delTable td a.delete').click(function() 
    { 
     if (confirm("Are you sure you want to delete this row?")) 
     { 
      var id = $(this).parent().parent().attr('id'); 
      var data = 'id=' + id ; 
      var parent = $(this).parent().parent(); 

      $.ajax(
      { 
        type: "POST", 
        url: "delete_row.php", 
        data: data, 
        cache: false, 

        success: function() 
        { 
         parent.fadeOut('slow', function() {$(this).remove();}); 
        } 
      });     
     } 
    }); 

    // style the table with alternate colors 
    // sets specified color for every odd row 
    $('table#delTable tr:odd').css('background',' #FFFFFF'); 
});

HTML代碼

<table id="delTable">  


    <tr id="ripon"> 
     <td align="left">Ipsum</td> 
     <td align="center">19</td> 
     <td align="center">17</td> 
     <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td> 
    </tr> 
    <tr id="rukon"> 
     <td align="left">Dolor</td> 
     <td align="center">55</td> 
     <td align="center">12</td> 
     <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td> 
    </tr> 
    <tr id="sumon"> 
     <td align="left">Sit</td> 
     <td align="center">11</td> 
     <td align="center">18</td> 
     <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td> 
    </tr> 
    <tr id="mamun"> 
     <td align="left">Amet</td> 
     <td align="center">29</td> 
     <td align="center">27</td> 
     <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td> 
    </tr>

來源

2013-04-25 Rukon Khan

最簡單的解決方案是使用「委託事件」。欲瞭解更多信息，請參閱jQuery's on docs。

$("body").on("click", "table#delTable td a.delete", function(event){ 
    // insert your code here 
});

注意：當我在body叫on，你可以把它的東西「更接近」的表，如果它要在那裏當頁面加載（或更具體地說，當你的on電話）。

來源

2013-04-25 01:49:24

jquery通過ajax加載內容後不工作

回答

相關問題