jquery - Chrome 的 Adblock 阻止了我网站的部分 JQuery，但不是全部

Question

我目前在 Chrome 中遇到问题，AdBlock 阻止了我网站的 JQuery 的几行。我已将其范围缩小到影响它的“恶意软件域”过滤器列表，因为当该过滤器被禁用时，它可以与所有其他事件的过滤器一起使用。

我的 HTML(受影响的部分)如下:

<div class="index-section-5 container-fluid">
    <div class="content">
        <h1>Interested?</h1>
        <p class="text">Follow the link below to register your interest in CyberKombat</p>
        <div class="button-container">
            <div class="outlined-button button register-form-button">
                <p>Register Here</p>
            </div>
        </div>
    </div>
</div>

<div class="register-interest-container">
    <div class="close-form-button register-form-close">
        <div class="close-button-line one"></div>
        <div class="close-button-line two"></div>
    </div>
    <div class="form-container">
        [contact-form-7 id="140" title="Register Form"]
    </div>
</div>

正在加载的自定义js是:

$(document).ready(function(){
    $(".menu-toggle").on('click', function() {
        $(this).toggleClass("on");
        $('.menu-section').toggleClass("on");
        $(".navigation-mobile").toggleClass('hidden');
    });

    $('.contact-map').click(function () {
        $('.contact-map iframe').css("pointer-events", "auto");
    });

    $(".register-form-button").click(function(){
        $(".register-interest-container").show();
    });

    $(".register-form-close").click(function(){
        $(".register-interest-container").hide();
    });

});

(只有底部两个相关，所有其他 JQuery 按预期工作)

应该发生的是，当用户单击“register-form-b​​utton”div 时，应该出现“register-interest-container”(CSS 最初加载为 display:none)。这适用于所有其他浏览器、Chrome 隐身模式以及当我禁用恶意软件域过滤器时。但是，在恶意软件域过滤器打开的情况下，单击该按钮不会执行任何操作。

该网站目前尚未完成，因此我无法链接到实际网站，但您可以在下图中看到最终结果:

点击之前:/image/FwkZj.png
点击后:/image/cdz7c.png

有什么方法可以改变 JQuery 以防止 Adblock 阻止它吗？

我尝试使用 .css() 和 .toggleClass() 通过更改 css 或添加类来使其可见，但这些都不起作用

该表单是由 Wordpress 上的“Contact Form 7”插件生成的，Wordpress 是我用于该网站的 CMS。我的自定义.js 文件正在通过functions.php 加载，如下所示:

wp_enqueue_script( 'custom-javascript', get_template_directory_uri() . '/js/custom-javascript.js' , array('jquery'),  false );

任何帮助将不胜感激

谢谢

Answer 1

今天早上我设法解决了这个问题。我意识到我意外地从外部站点加载了 cookie bar 脚本(我之前工作过的一个站点，忘记更改源 URL)，这就是为什么它被 AdBlock 阻止的原因。由于某种原因，这肯定导致其他 JQuery 被阻止(但仅限于索引页)。我现在已将 cookie 栏的脚本源替换为:

"<?php bloginfo('stylesheet_directory'); ?>/js/jquery.cookiebar.js"

现在，不仅我的 cookie 栏可以在启用 AdBlock 的情况下工作，而且我的 JQuery 的其余部分也可以工作。