2012-04-26 78 views
0

我想單擊一個div並更新另一個divs內容。易於在jsfiddle 中做,但它不適用於我的實際項目。當我將代碼移到我的項目中時,點擊從不會被註冊,並且console.log()永遠不會被觸發。有關使用Chrome開發人員工具或Firebug解決此問題的任何建議。當沒有明顯的線索時,如語法錯誤等,尋找哪些更難以捉摸的線索?jquery帶有新內容的更新div

我加了這一點:

$('.routers').click(function(event){ 
      $('#titleBarContainerRightier').append('Scooby Doo!'); 
     console.log("click!"); 

爲了這一點,並單擊事件就不來了:

$(document).ready(function(){ 
     loadDATA('JSON/data.json', "DSC123"); 

     $('.routers').click(function(event){ 
       $('#titleBarContainerRightier').append('Scooby Doo!'); 
      console.log("click!"); 

     }); 
     }); 

+0

.routers元素是動態的嗎? – adeneo 2012-04-26 15:48:17

+0

是''.routers'通過'loadDATA()'加載的? – thecodeparadox 2012-04-26 15:49:06

+0

'loadDATA'函數是什麼?控制檯中是否有錯誤? '.routers'動態地附加到您的頁面上嗎? – 2012-04-26 15:49:13

回答

1

你有從任何你loadData函數來的問題是不知道我不能提供太多的幫助,但是我的證據證明它沒有它。

http://jsfiddle.net/th3fallen/YV8fN/

+0

Yeup,我試着把代碼放在loadData函數中,但沒有運氣。我想你是對的。這些按鈕是根據數據動態創建的,所以點擊事件在第一次到達現場時可能會感到困惑。 – rd42 2012-04-26 17:51:20

+0

如果按鈕是從加載數據創建的,問題是.click函數嘗試使用.live('click',function(){},而不是 – 2012-04-27 16:54:19