動態雙菜單

Question

美好的一天任何人都在閱讀。我試圖做一個雙導航菜單 - 點擊第一個導航菜單之一將加載塊「top_menu」 - 第二個菜單中的選項;第二個菜單上的選項將加載內容以阻止內容。

動力學點擊我在接下來的功能實現：

$(document).ready(function() { 
    $('#link_from_first_menu').click(function() { 
     $("#top_menu").load("first_option_from_second_menu.php"); 
     return false; 
    }); 
}); 

所以，這部分工作，我的意思是，我裝了第二個菜單從第一完美的，但是當我有類似的功能加載從第二個菜單它不會加載的內容的內容...

$('#link_from_second_menu').click(function() { 
    $("#content").load("content_from_second_menu.html"); 
    return false; 
}); 

這樣的結果，我有一個第一菜單和第二，但不能加載從第二個內容。請幫助我意識到這一點，或者請給我其他變體來做到這一點。

Answer 1

好了，你可以試試。對（ '點擊'）

$(document).on('click','#link_from_second_menu',function() { 
    $("#content").load("content_from_second_menu.html"); 
    return false; 
}); 

，而不是

$('#link_from_second_menu').click(function() { 
    $("#content").load("content_from_second_menu.html"); 
    return false; 
}); 

可能我的回答幫助你..總是習慣用。對（ '點擊'）而不是在附加或加載後特別加上.click（）