Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.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
jQuery单击功能工作不正常_Jquery_Wordpress_Syntax_Click - Fatal编程技术网

jQuery单击功能工作不正常

jQuery单击功能工作不正常,jquery,wordpress,syntax,click,Jquery,Wordpress,Syntax,Click,我试图通过jQuery创建一个点击事件 下面是HTML代码 <div class="wpcart_gallery" style="text-align:center; padding-top:5px;"> <a class="thickbox cboxElement" href="0037.jpg" rev=" 0037.jpg"> <img class="attachment-gold-thumbnails colorbox-736" width="50" h

我试图通过jQuery创建一个点击事件

下面是HTML代码

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">

<a class="thickbox cboxElement"  href="0037.jpg" rev=" 0037.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0037-50x50.jpg">
</a>

<a class="thickbox cboxElement"  href="0038.jpg" rev=" 0038.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0038-50x50.jpg">
</a>

<a class="thickbox cboxElement"  href="0039.jpg" rev=" 0039.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" src="0039-50x50.jpg">
</a>

</div>

请注意,图像链接的类名称为thickbox cboxElement。当页面加载类cboxElement并从div中的第一个图像中删除时,我尝试的是当用户单击任何图像以从该图像链接中删除类名cboxElement并将类cboxElement添加到其他图像链接中时

<script type="text/javascript">
    jQuery('document').ready(function($){
         $(".wpcart_gallery a:first").removeClass("cboxElement");
         jQuery(".wpcart_gallery img").click(function($){
             jQuery(".wpcart_gallery a").removeClass('cboxElement').siblings().addClass('cboxElement');
        });
    });
</script>

jQuery('document').ready(函数($){
$(.wpcart_gallery a:first”).removeClass(“cboxElement”);
jQuery(“.wpcart\u gallery img”)。单击(函数($){
jQuery(“.wpcart_gallery a”).removeClass('cboxElement').sides().addClass('cboxElement');
});
});
上面的代码是有效的……有点。它会从第一个图像链接中删除类名cboxElement,但单击事件不起作用,当我点击任何图像时,它会将类cboxElement添加到所有图像链接中

我想做的是将类cboxElement添加到所有的图像链接中,除了点击的链接

我在jQuery代码的错误控制台中没有收到任何错误,jQuery.js文件在标题中并且正在工作


这里有一个例子…注意大图下面的3个图像

删除$from函数参数

jQuery(".wpcart_gallery img").click(function(){
             jQuery(".wpcart_gallery a").removeClass('cboxElement').siblings().addClass('cboxElement');
        });
当你做一个

 jQuery(".wpcart_gallery a")
您将获得div中所有标记的列表,而不是您单击的标记。因此,当首先删除类,然后将其添加到所有同级时,意味着:

  • 从所有标记中删除该类
  • 将类添加到所有标记
  • 要获取属于所单击图像的a,请执行以下操作:

    jQuery(this).closest('a')
    

    希望这能奏效

    可能需要使用$而不是jQuery。我得到了相同的结果…所有图像链接都添加了cboxElement,但没有从单击的图像链接中删除类cboxElement我得到了相同的结果…我想所有图像链接都添加了cboxElement,但没有从单击的图像链接中删除类cboxElement。我不应该匆忙回答,我会做一个jQuery(this.parent();单击的图像(处理程序显然与图像绑定)将始终位于需要修改的链接内。然后将其链接到其他链接:jQuery(this.parent().doStuff().sides().doStuff();是的,家长也会这么做,假设孩子总是孩子的直接家长