0

我们正在为我们的支持站点寻找 Zendesk，但它不是很可定制。我正在尝试使用他们的小部件功能（可以在 javascript 或 css 中创建）从页面中删除特定文本。

我试图在显示页面时隐藏以下 h2 标记：

<h2 id="search_box">Knowledge Base &amp; Forums</h2>

我尝试了以下 CSS：

.search_box {
    display: none;
}

但这似乎不起作用。我对 CSS 或 javascript 都不是很好，我也不知道这些小部件何时运行，但我认为我在访问页面上的元素方面做错了。

我已经能够使用以下 Javascript 和 CSS 代码组合隐藏文本，但它不能满足我的需要，因为它会隐藏页面中包含文本的任何部分：

Javascript：

$j('h2:contains(Knowledge Base & Forums)').addClass('forumtitle');

CSS：

.forumtitle {
    display: none;
}

谢谢你的帮助！

4

5 回答 5

5 
#search_box {
    display: none;
}

. 用于类，# 用于 id

于 2011-02-18T04:31:12.890 回答
3

尝试在您的 CSS 中使用：

#search_box {
    display: none;
}
于 2011-02-18T04:32:29.717 回答
0

您的 CSS 已关闭 - 隐藏 id `search_box 您的 CSS 将是

#search_box {
    display: none;
}

注意 # 代表 id - 。是上课的。

于 2011-02-18T04:32:13.683 回答
0

如果你想使用 jQuery，你可以试试这个......

$(document).ready(function(){
    $("h2").each(function(){
        if(trim($(this).html()) == "Knowledge Base & Forums") {
            $(this).hide();
        }
    });
});
于 2011-02-18T04:46:36.217 回答
-1

document.getElementByID("search_box").style.visibility = 'hidden';在 Javascript 中尝试

于 2011-02-18T04:31:08.780 回答