Question

<script>
function myFunction() {
if (/menu/.test(window.location.href)) {
    document.getElementById('searchfield').display = 'none';
 }
}
</script>

我想用JavaScript或JQuery做到这一点 - 到目前为止我的尝试都没有用。我有一个div，将出现在所有页面上但只有1页;如果该页面我想用JavaScript隐藏它。

注意：这是一个Wordpress网站;以上是插入文件的header.php头部。重复div的位置相同。

Answer 1

使用CSS更容易。

HTML（确保所有网页都有一些唯一标识符，通常在body标记上）：

<body id="page-1">

    <div id="menu">

    [ ... ]

CSS

#page-1 #menu{
    display:none;
}

修改

我看到你在使用WordPress。 WP会自动为body标签添加唯一的类。通常你可以在CSS中使用这样的东西：

.page.page-id-34{ /* 34 should be swapped with the page id. You can customize the classes, so just Inspect Element and see what it is for your page */ display:none; }

Answer 2

永远不会调用

myFunction。您需要在页面准备就绪$(myFunction);时明确地调用它，或者如果您愿意，可以使用myFunction();直接在页脚（或靠近它）中调用它。

另一种选择，因为这是一个WordPress网站，是根据过滤器添加PHP代码以不显示div（甚至将其发送到客户端！）。

另一种选择是使用CSS来阻止加载页面上的特定div。

根据特定页面URL隐藏div

2 个答案: