jQuery仅在主页上显示元素ID

时间:2013-11-04 16:08:03

标签: javascript jquery css

我的网站上有这个jQuery代码

if(window.location.href.indexOf("mysite.com/") != -1){
$("#announcer_box").hide();

我想在我的主页上显示此元素ID,但将其从所有其他页面中排除。这怎么可能?

我正在使用wordpress。

3 个答案:

答案 0 :(得分:5)

在您的主页上,为<html><body>标记指定一个特殊类别(例如“主页”):

<html class='homepage'> <!-- plus any other classes you want/need -->

然后在你的CSS中:

#announcer_box { display: none; }
.homepage #announcer_box { display: block; }

答案 1 :(得分:2)

这应该有效:

if ((window.location.protocol + "//" + window.location.hostname + "/") != (window.location.href)) {
        $("#announcer_box").hide();
 }

答案 2 :(得分:0)

你可能有一个<body class="homepage">,那样的话呢?

if($("body").hasClass("home")
  $("#announcer_box").hide();