求助：点击页面标签页用jQuery隐藏指定图片的功能实现

1. 修正HTML图片标签的无效属性 #

你的img标签有两个重复的class属性，浏览器只会识别第一个class，导致.hideonclick选择器无法找到图片元素。同时HTML原生属性不支持!important，要把height的样式移到style属性里，修正后的代码：

<img class="hideonclick aligncenter size-full wp-image-41833" 
     src="https://linestar.ca/wp-content/uploads/2022/07/Map.png" 
     alt="" 
     width="auto" 
     style="margin-left: auto; margin-right: auto; display: block; max-height: 350px; height: 300px !important" />

<br>

[tabby title="British Columbia" class="contacttabbyheaders"]

2. 调整jQuery代码（解决动态元素绑定问题） #

WordPress的Tabby短码是动态生成标签元素的，直接用.click()绑定事件可能失效，改用事件委托绑定到document，确保动态生成的标签头能触发点击事件：

jQuery(document).ready(function( $ ){
    // 事件委托：监听document上的点击，目标是带contacttabbyheaders类的元素
    $(document).on('click', '.contacttabbyheaders', function() {
        $(".hideonclick").hide(); // hide()是jQuery封装的快捷方法，等价于css("display", "none")
    });
});

3. 关键检查：确认标签头的类名 #

如果上述代码仍不生效，按F12打开浏览器开发者工具，点击标签头后查看对应的DOM元素，确认它是否真的带有contacttabbyheaders类：

• 如果类名不是这个（比如Tabby插件默认类是tabby-tab），就把JS里的.contacttabbyheaders改成对应的类名。

内容的提问来源于stack exchange，提问作者jankycoder