jquery div中的链接停止工作

时间:2017-05-05 20:34:18

标签: javascript jquery toggle

当我点击图库,并访问例如“绘画”时,菜单上的链接停止工作,为什么会这样?谁能告诉我什么是错的-_-

http://madebysam.se/elbarco

这是使用

的代码
  $(document).ready(function(){
    $('a').on('click',function(){
      var aID = $(this).attr('href');
      var elem = $(''+aID).html();
      $('.target').html(elem);
      $('ul li').on('click',function(event) { event.stopPropagation(); })
    });
  });

1 个答案:

答案 0 :(得分:0)

在您的实际网站上的示例代码段中使用开发工具和断点,我发现只有最初加载的链接会触发您的事件处理代码。

问题在于:

$('a').on('click',function(){
   // do stuff
});

常见的缺陷是您针对当时在页面中加载的所有锚标记注册此处理程序。稍后动态添加的任何锚标签都不会享受相同的事件处理程序。

解决方法是使用不同的语法,首先定位首次加载时保证存在的较大标记,然后过滤到锚标记:

$('body').on('click', 'a', function(){
   // do stuff
});