Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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_Onclick_Carousel_Shadowbox - Fatal编程技术网

Javascript 一个div中的图像,都有onclick事件,我可以反转气泡吗?

Javascript 一个div中的图像,都有onclick事件,我可以反转气泡吗?,javascript,jquery,onclick,carousel,shadowbox,Javascript,Jquery,Onclick,Carousel,Shadowbox,我有一个图像旋转木马和阴影盒。我希望用户能够浏览图像,当他们点击聚焦的图像时,它会在shadowbox中打开。目前,html在某种程度上是: <div class="slides"> <div> <a href="#" onclick="javascript:ShadowboxRun(some parameters); return false;"> <img src="img.jpg"> </a>

我有一个图像旋转木马和阴影盒。我希望用户能够浏览图像,当他们点击聚焦的图像时,它会在shadowbox中打开。目前,html在某种程度上是:

<div class="slides">
  <div>
    <a href="#" onclick="javascript:ShadowboxRun(some parameters); return false;">
       <img src="img.jpg">
    </a>
  </div>
  <div>
    <a href="#" onclick="javascript:ShadowboxRun(some parameters); return false;">
       <img src="img2.jpg">
    </a>
  </div>
</div>

我发现我相信我所有的问题都与冒泡有关。如果我错了,请纠正我,但我相信onclick会在旋转木马之前启动。我的最佳实践是什么

多谢各位

编辑:忘记把主要问题。当用户单击旋转木马的幻灯片2时,它会移动幻灯片并通过单击打开阴影框。我希望用户能够点击幻灯片并移动它,如果他们再次点击它,它会打开一个阴影框

edit2:修复了代码原始副本中的错误


edit3:上传了我的最新版本,如果有帮助,这里有链接。非常感谢您的帮助。我绞尽脑汁想了几个小时

您可以通过jquery对任何东西使用onClick()命令,这样您就可以简单地向该图像添加一个类或id,然后单击它

但有什么问题吗?哦,对不起,大脑被炸了编辑原始帖子编辑原始帖子。这可能就是解决办法。但我不确定如何实施它。我熟悉的javascript足够危险。我使用的旋转木马将class=“slideitem”添加到嵌套的div中。我是否会修改js文件以将其附加到图像中。然后在函数完成后停止冒泡?是否使用jquery carousel进行此操作?通常,左右移动旋转木马的链接位于div之外,而不是内部。这是一个重做jquery旋转木马。导航链接在外部,鼠标滚轮可以工作,但也允许您单击图像进行更改。我在原始的postOK中添加了我网站的链接,我想我理解你的意思。你需要区分重点div和其他div。您可以从onClick函数中添加一个remove类,这样当焦点div开始播放时,它就不会使用onClick了。您还可以从a href获取onclick命令,并将其放入函数中,而不是使用jquery onclick$(document).ready(function(){$(“.which class”)。单击(function(){//addcode here});});如果你有完整的代码或者想给我留言,我可以帮你。