div上的onclick事件没有触发

时间:2012-07-04 08:08:42

标签: javascript jquery css html onclick

我有一个带有最新博客文章的图片+文字滑块,这些博文会循环播放最近发布的帖子,同时一位游客一直在查看某个页面。

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

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

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

当我在google chrome inspect elements窗口中查看代码更改时,click事件会在div更改中传输。

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

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:0)

在您的代码中

onclick="window.alert('Hello Raxacoricofallapatorius'
你错过了a);所以它会是

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

更多Jquery对点击img做出反应的方法是使用

$('#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。

fiddle