div上的onclick事件没有触发

Question

我有一个图像+文本滑块与最近的博客文章循环通过最近的帖子，而一个游客一直看着某个页面。

您可以在http://jsfiddle.net/GsgPM/16/上看到所有代码。它是关于大图像+文本滑块，它不会触发。 该事件确实触发了粉红色按钮。 真的不为我计算......为什么它适用于那个，而不适用于另一个？

现在，我想将人们重定向到正确的博客帖子，并在包含div（滑块）的黑色边框上显示onclick事件。 唯一令人费解的是，click事件不会触发，光标也不会改变为css stylesheed中定义的右图像（一只手），但是1px边框确实会被添加。

在测试div上，在我的代码http://jsfiddle.net/GsgPM/16/下面我的故障代码它会触发。 在我的博客的另一页上，我在点击事件中没有任何问题。

当我在谷歌浏览器检查元素窗口中查看代码更改时，单击事件会在div更改上传输。

JSLint没有显示错误，我的控制台也没有显示任何错误。 整个活动根本不会触发。

谁知道这个问题的根本原因是什么？

Answer 1

问题是影子div。 当您单击滑块时，单击将在id =“shadow”的div上注册。 尝试删除该div，然后它的工作原理。 如果你需要那个div，你必须确保它低于滑块div。

Answer 2

在您的代码中

onclick="window.alert('Hello Raxacoricofallapatorius'

你失踪的a）; 所以它会

onclick="window.alert('Hello Raxacoricofallapatorius');

一个更Jquery的方式来响应点击img就是使用on

$('#smallphotos div').on('click','img',function() {
        alert('here');
    });

为了进一步说明你可以将目标存储在数据属性上

<img src="http://www.freedigitalphotos.net/images/gal_images/av-_50.jpg" title="test2" data-target="www.google.com" />

然后可以像这样重定向您的页面。

 $('#smallphotobox').on('click','#smallphotos div',function() {
    window.location.href=$(this).data('target');
});

另外#slider就是你会注意到我删除它并且一切正常的方式。尝试将其z索引设置为其余部分。

注意由于限制，这不适用于jsfiddle。

小提琴