2012-12-23 72 views
-3

我有這個網站:F單擊嵌套項目不工作

<div class="task" id="1"> 
    Item1 
</div> 
<div class="task" id="2"> 
    Item2 
</div> 
<div class="task" id="3"> 
    Item3 
</div> 

和JavaScript加載子項目。如果我點擊它正在工作的靜態項目。但是,如果我點擊加載子項目,他們subsubitems不加載。

我創建的測試頁面顯示如下:http://helloworld.dimkos.ru/

此代碼:

$(document).ready(function() { 
$('.task').on('click', function(e){ 
    e.stopPropagation(); 
    var id = $(this).prop('id'); 
    var task = $(this); 
    $.ajax({ 
     url: "./sub.php?sub=" + id, 
     success: function(html) { 
      $(task).append(html); 
     } 
    }); 
    return false; 
});}); 

./sub.php?sub=1 追加子項目哪一方有ID 點擊動態添加子項目是不工作。 。

與$解決( '任務')生活( 「點擊」,功能(E)

+6

顯示多一點的代碼。 –

+0

目前還不清楚id = 1或id = 2是什麼。另外,具有「任務」類的元素也不清楚。 – Jatin

+1

在給定的例子中,在你的回調中沒有'event'。 – PeeHaa

回答

1

修改代碼,這樣,並再次測試:

$('.task').click(function(e){ 
    e.stopPropagation(); 
    var id = $(this).prop('id'); 
    alert(id); 
});​ 

看看第一&第二種情況是否有效,FIDDLE :)

+0

不工作,如果我動態地獲取子項目。 – Dmitriy

+0

然後你需要嘗試這個[更新的小提琴](http://jsfiddle.net/BpRWT/1/) –

+0

我創建頁面來演示這個問題。 [鏈接] http://helloworld.dimkos.ru/ 我有3個項目。如果我點擊Item1,ajax append Subitem4,5,6,如果我點擊SubItem4 ajax必須附加Subitem7,8,9。但它不起作用。 – Dmitriy