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

Question

我目前在 Chrome 中遇到问题，AdBlock 阻止了我网站 JQuery 的几行代码。我已将其缩小到影响它的 'Malware Domains' 过滤器列表，因为当它被禁用时它与所有其他活动的过滤器一起工作。

我的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-button' div 时，应该出现 'register-interest-container'（CSS 最初加载 display:none ).这适用于所有其他浏览器、Chrome 隐身模式，以及当我禁用恶意软件域过滤器时。但是，在启用恶意软件域过滤器的情况下，单击该按钮不会执行任何操作。

该网站目前尚未完成，因此我无法 link 到实际网站，但您可以在下面的图片中看到最终结果：

点击前：http://i.imgur.com/7oke2Jy.png
点击后：http://i.imgur.com/eYIlCBR.png

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

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

表单由 Wordpress 上的 'Contact Form 7' 插件生成，这是我用于此站点的 CMS。我的自定义 .js 文件正在通过 functions.php 加载，如下所示：

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

如有任何帮助，我们将不胜感激

谢谢

Answer 1

我今天早上设法解决了这个问题。我意识到我不小心从外部站点加载了我的 cookie 栏脚本（我以前工作过的站点，忘记更改源 url），这就是 AdBlock 阻止它的原因。出于某种原因，这一定导致其他 JQuery 被阻止（但仅在索引页面上）。我现在已将我的 cookie 栏的脚本源替换为：

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

现在，不仅我的 cookie 栏可以在启用 AdBlock 的情况下使用，我 JQuery 的其他部分也可以。

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

Adblock for Chrome is blocking some, but not all, of my site's JQuery

wordpress

jquery

adblock