2012-04-09 64 views
2

我有一個鏈接,它動態地添加了一個<tr> JQuery,但我的<tr>包含一些<td>其中包含JQuery(第一個是日期選擇器和最後一個刪除當前<tr>)。當我加入這個<tr>的jQuery和它的CSS不起作用:\重新加載JQuery和CSS

這裏有一個截圖(最後<tr><tr>其中加入 動態): enter image description here

這裏是jQuery代碼動態的添加:

<script> 
      $('.AddResults').click(function(){ 

      // All the cols 
      var jourVar = $('<td class="jr_td"><p><input type="text" class="datepicker" /></p><p class="ou">ou</p><p><input type="text" class="datepicker" /></p></td>') ; 
      var creneauVar = $('<td class="cr_td"><select><option value="h1">10h30</option><option value="h2">11h30</option></select><select class="cr_td_s2"><option value="h3">10h30</option><option value="h4">11h30</option></select></td>') ; 
      var repassageVar = $('<td class="rp_td"><select><option value="h5" SELECTED>2h00</option><option value="h6">3h00</option></select></td>') ; 
      var menageVar = $('<td class="mn_td"><select><option value="h7" SELECTED>2h00</option><option value="h8">3h00</option></select></td>') ; 
      var totalVar = $('<td class="tt_td"><strong>4h.</strong></td>') ; 
      var pttcVar = $('<td class="pttc_td"><strong>88 &#8364;</strong></td>') ; 
      var corVar = $('<td class="cor_td"><a href="#"><img src="img/ico/corbeille.png" alt="" width="13" height="13" /></a></td>') ;  

      //Create 2 new rows 
      var newTitreRow = $('<tr><td class="bar_td" colspan=7><strong>PRESTATION ' + rowNumber + '</strong></td></tr>') ; 
      var newContentRow = $('<tr class="ligne_suppr">').append(jourVar).append(creneauVar).append(repassageVar).append(menageVar).append(totalVar).append(pttcVar).append(corVar).append('<\/tr>') ; 

      //Append the new row to the body of the #table_prest table 
      $('#table_prest tbody').append(newTitreRow); 
      $('#table_prest tbody').append(newContentRow); 

      $('<style type="text/css">@import url("' + myStylesLocation + '")</style>').appendTo("#table_prest tbody"); 

      //Iterate row number 
      rowNumber++; 
      }); 
     </script> 

而這裏的日期選擇器代碼:

<script> 
      $(function() { 
      $(".datepicker").datepicker({ 
       showOn: "button", 
       buttonImage: "img/ico/jour_presta.png", 
       buttonImageOnly: true 
      }); 
      }); 
     </script> 

而這裏的刪除代碼:

<script> 
      $('.ligne_suppr a').click(function(e) { 
      e.preventDefault(); 
      var parent = $(this).parent().parent(); // parent <tr> of the anchor tag 
      var previous = parent.prev();  // <tr> before the parent <tr> 

      parent.remove(); 
      previous.remove(); 

      rowNumber -- ; 
      }); 
     </script> 

你有關於這個問題的任何想法? 謝謝:-)

+1

爲什麼每次添加新行時,您都會添加另一個'