javascript - 使用 Javascript 隐藏 Javascript 或 CSS？

Question

说到 JS，我完全是个新手。我实际上付钱请人帮我写了一些 JS，但我需要调整一些东西，我不想为了一些调整而雇用另一个人，所以我来找你帮忙。

第一期是一个名为 Heads Up Bar 的 wordpress 插件。因此，我要做的第一件事是在 Chrome 中启动开发人员工具并找到调用它的位置。我遇到了这个:

jQuery(document).ready(function($) {
var data = {
    action: 'ehu_show_bar',
    home: ehu_is_home_pg
};
jQuery.post(ajaxurl, data, function(response) {
    jQuery('body').prepend(response);
    if(ehu_animate === 'toggle'){
      jQuery('#ehu_bar').css('display', 'none');
      jQuery('#ehu_bar').slideToggle('fast');
    }

});

然后我去看了他创建的JS，看起来有点像这样:

jQuery(document).ready(function() {
            jQuery('#header').hide();
            jQuery('#sidebar').hide();
            jQuery('.main_navi').hide();
            jQuery('.category_navi_outer').hide();
            jQuery('.home_banner').hide();
            jQuery('.breadcrumb').hide();

所以我创建了一个名为

的新行

jQuery('#ehu_bar').hide();

以为会这么简单。显然它没有用。我错过了什么？该插件出现在网站的每个页面上，但有时仅限于主页。我现在该怎么办？

接下来我需要隐藏的是来自谷歌广告的 JS。这出现在 几乎 wordpress 中的每个帖子中，但不在主页中。我知道 JS 的名称，这意味着我知道该文件的名称:

show_ads.js

它位于 product_detail.php 文件中。使用 JS 隐藏这个谷歌广告需要什么？

就像我说的，我对此有点陌生，但我学得很快。我将不胜感激任何帮助。谢谢!

Answer 1

jQuery.post(ajaxurl, data, ... 的第三个参数是 AJAX 请求完成时调用的方法。页面加载后需要几毫秒执行 AJAX 请求，所以实际发生的顺序是:

jQuery('#ehu_bar').hide(); // from jQuery(document).ready(..

几毫秒后:

jQuery('#ehu_bar').slideToggle('fast'); // from ajax callback
// This line effectively is like calling jQuery('#ehu_bar').show() but with an animation

注释掉 slideToggle 行，您应该没问题。