Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript div上的onclick事件未触发_Javascript_Jquery_Css_Html_Onclick - Fatal编程技术网

Javascript div上的onclick事件未触发

Javascript div上的onclick事件未触发,javascript,jquery,css,html,onclick,Javascript,Jquery,Css,Html,Onclick,我有一个图像+文本滑块,上面有最近的博客文章,当访问者不断查看某个页面时,它会循环浏览最近的文章 您可以在屏幕上看到所有代码 它是关于大图像+文本滑块的,在那里它不会启动。 事件确实会按粉色按钮触发。 真的不为我计算。。。为什么它对一方有效,而对另一方无效 现在,我想通过包含黑色边框的div(slider)上的onclick事件将人们重定向到正确的blogpost。 唯一令人费解的是,click事件不会触发,也不会将光标更改为css样式中定义的右侧图像(一只手),但是1px边框确实被添加了 在一

我有一个图像+文本滑块,上面有最近的博客文章,当访问者不断查看某个页面时,它会循环浏览最近的文章

您可以在屏幕上看到所有代码 它是关于大图像+文本滑块的,在那里它不会启动。 事件确实会按粉色按钮触发。 真的不为我计算。。。为什么它对一方有效,而对另一方无效

现在,我想通过包含黑色边框的div(slider)上的onclick事件将人们重定向到正确的blogpost。 唯一令人费解的是,click事件不会触发,也不会将光标更改为css样式中定义的右侧图像(一只手),但是1px边框确实被添加了

在一个测试div中,在我的故障代码下面的代码中,它确实会启动。 在我博客的另一个页面上,我对点击事件没有任何问题

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

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

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

在您的代码中

onclick="window.alert('Hello Raxacoricofallapatorius'
您丢失的a);是的

onclick="window.alert('Hello Raxacoricofallapatorius');
对点击img做出反应的一种更为Jquery的方法是使用

$('#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" />
另外#滑块会妨碍您注意到我删除了它,一切正常。。尝试将其z索引设置为落后于其他索引

注意由于限制,这在JSFIDLE上不起作用

在您的代码中

onclick="window.alert('Hello Raxacoricofallapatorius'
您丢失的a);是的

onclick="window.alert('Hello Raxacoricofallapatorius');
对点击img做出反应的一种更为Jquery的方法是使用

$('#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" />
另外#滑块会妨碍您注意到我删除了它,一切正常。。尝试将其z索引设置为落后于其他索引

注意由于限制,这在JSFIDLE上不起作用


问题在于阴影div。当您单击滑块时,单击会在div上注册id=“shadow”。尝试删除该div,然后它就会工作。如果您需要该div,则必须确保它位于滑块div的下方。

问题在于阴影div。当您单击滑块时,单击将在div上注册,id为=“shadow”。尝试删除该div,然后它就会工作。如果您需要该div,您必须确保它位于滑块div下方。

那么您是否试图让“单击我”转到url或滑块内容否,我希望人们无论何时单击黑色边框内的任何位置都能转到指定的url。那么您是否试图让“单击我”转到url或滑块内容否,我希望人们无论何时点击黑框内的任何地方,都能进入指定的url。是的,但这只是一个测试div,它真正适用于大的主div。我已经更新了fiddle以消除这个小错误。是的,但这只是一个测试div,它适用于大的主div。我已经更新了小提琴以消除那个小错误。你完全正确。firefox中的3d视图没有显示这一点,这让我很烦恼,因为这是我第一次尝试检查是否有东西挡住了我的视线。你是一个活生生的保护程序。你总是可以右键单击->检查elemenet,并且在dom检查器中选择最上面的元素。这就是问题所在,在我的chrome和firefox中,它没有显示阴影元素…你完全正确。firefox中的3d视图没有显示这一点,这让我很烦恼,因为这是我第一次尝试检查是否有东西挡住了我的视线。你是一个活生生的保护程序。你总是可以右键单击->检查elemenet,然后在dom检查器中选择最上面的元素。这就是问题所在,在我的chrome和firefox中,它没有显示阴影元素。。。