2
我有一個鏈接,它動態地添加了一個<tr>
JQuery,但我的<tr>
包含一些<td>
其中包含JQuery(第一個是日期選擇器和最後一個刪除當前<tr>
)。當我加入這個<tr>
的jQuery和它的CSS不起作用:\重新加載JQuery和CSS
這裏有一個截圖(最後
<tr>
是<tr>
其中加入 動態):這裏是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 €</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>
你有關於這個問題的任何想法? 謝謝:-)
爲什麼每次添加新行時,您都會添加另一個'