2012-04-26 80 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