用 Javascript 隐藏 Javascript 或 CSS？答案

【问题标题】：Hide Javascript or CSS with Javascript?用 Javascript 隐藏 Javascript 或 CSS？
【发布时间】：2011-11-09 06:41:44
【问题描述】：

在 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 隐藏这个 google 广告需要什么？

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

【问题讨论】：

您在哪里创建了新行？在.ready(... 块中？
另外，请考虑针对 Google Ad Javascript 问题提出第二个问题。
你从来没有真正指定你想用抬头栏做什么......你具体想要完成什么？

标签： javascript jquery css wordpress plugins

【解决方案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 行，你应该没问题。

【讨论】：