javascript - 在某些WordPress页面上使用jquery隐藏div元素

标签 javascript jquery wordpress

我想隐藏我的 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页面上添加类似的代码。

最佳答案

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

查找您的页面 ID

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

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

或者,在您的管理仪表板中,转到页面部分。 找到您的页面并 look the edit link ,您会发现一个 post 参数 (post=)。 这是页面 ID

更改 CSS 文件

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

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

其中 XX 是您的 Videos.html 页面 ID 等等。

关于javascript - 在某些WordPress页面上使用jquery隐藏div元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39625431/

相关文章:

javascript - 如何同时处理 promise 和 non-promise 错误捕获

c# - 如何根据 ASP.NET MVC 中的 Controller 操作在页面 javascript 中设置变量?

javascript - 使用 get 方法在表单中创建随机 url

linux - Gcloud 计算挂载 ssd

html - 用css偏移边框外的背景颜色?

regex - 以下内容的 PHP 正则表达式

JavaScript uk-modal-关闭并重新加载页面

javascript - CORS 和 Origin header ?

javascript/jquery : scroll function does not work after running click function

javascript - 如何向 PDF.js 查看器添加 UI 和工具栏?