Question

我想在我的wordpress页面上隐藏某些页面的某些div。如果我只是使用css，它会在我的所有页面中隐藏这个div，这是我不想要的。我知道如何为常规网站执行此操作，但不知道如何将此代码用于wordpress页面。

$(function(){
  if (window.location.pathname == "mywebsite/Videos.html"||window.location.pathname == "url2.html"||window.location.pathname == "url3.html") {
        $('#navleft').hide();
  } else {
        $('#navleft').show();
  }

}）;

我试图在我的functions.php页面上添加类似的代码。

Answer 1

您应该只在CSS中执行此操作。

找到您的页面ID

Check the page source code，在body标签中有一个带有页面ID的唯一类。

<body class="[...] page-id-XXX [...]">

或者，在您的管理信息中心中，转到“页面”部分。找到你的页面和look the edit link，你会找到一个帖子参数（post=）。 这是页面ID 。

更改您的CSS文件

您可以在CSS文件中添加这些行

.page-id-XX #navleft,
.page-id-YY #navleft {
  display: none;
}

其中XX是 Videos.html 网页ID 等等。

Answer 2

您无需JavaScript即可实现此目的。 Wordpress在body元素中提供了许多可以使用的css类。页面ID类对于每个页面都是唯一的，因此您可以创建一些css规则，如下所示：

body.page-id-26 #navleft {
    display: none;
}

body.page-id-29 #navleft {
    display: none;
}

在某些wordpress页面上使用jquery隐藏div元素

2 个答案:

找到您的页面ID

更改您的CSS文件