javascript - l'événement de clic de l'élément parent ne fonctionne pas
typecho
typecho 2017-06-26 10:50:11
0
2
844

Le plug-in cloud-zoom que j'utilise. La structure interne est la suivante

<li title="红色">
                                <a href="images/bag-img_03.png" class='cloud-zoom-gallery'  title='Red' rel="useZoom: 'zoom1', smallImage: 'images/bag-img_03.png' ">
                                    <img src="images/bag-img_03.png" alt="" mid="images/bag-img_03.png" big="images/bag-img_03.png" />
                                </a>
</li>
a标签插件里面有个点击事件

if($(this).is('.cloud-zoom-gallery')) {

            opts = $.extend({}, c, d);
            $(this).data('relOpts', opts);
            $(this).bind('click', $(this), function(a) {
                var b = a.data.data('relOpts');
                $('#' + b.useZoom).data('zoom').destroy();
                $('#' + b.useZoom).attr('href', a.data.attr('href'));
                $('#' + b.useZoom + ' img').attr('src', a.data.data('relOpts').smallImage);
                $('#' + a.data.data('relOpts').useZoom).CloudZoom();
                return false
            })
            
            然后我写的li的事件就失效了。 上面也没阻止这个冒泡事件啊。我把return false去掉就可以了。但是A标签会造成页面的跳转。我又把href改成了别的属性、这样会不会某些地方出错。
            或者有没有别的方法可以让li的事件触发。 
typecho
typecho

Following the voice in heart.

répondre à tous(2)
过去多啦不再A梦

Pour empêcher l'événement par défaut d'une balise, vous pouvez utiliser event.preventdefault()

http://www.w3school.com.cn/js...

Un article est écrit comme l'image ci-dessus

return falseNe l'utilisez pas avec désinvolture, écrivez ce que vous voulez arrêter, ne laissez pas les mauvaises habitudes vous faire marcher sur vos propres erreurs à l'avenir

Pour plus de détails, veuillez consulter
http://www.jb51.net/article/4...

伊谢尔伦

Si vous ne voulez pas sauter, utiliser <a href="javascript:"></a> 不就行了,你在事件里面 return false invalidera l'événement.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal