jquery - 通过 JQuery 添加基于 URL 字符串的 CSS 类

Question

我编写了一些 JQuery，其目的是当用户导航到 Wordpress 中的“page/2/”时，侧边栏中会出现一个图像。它的 CSS 最初设置为 display:none; ，然后我让 JQuery 将其更改为 display:block; (如果该 URL 字符串存在)。我编写的代码是向后的......所以它对除“/page/2/”之外的每个页面都执行此操作。

$(document).ready(function() {

var url = window.location.pathname;
if(url.indexOf('/page/2/')){
    $('.sidebarimage').css("display","block");
}});

我一直认为如果 If 语句中没有设置条件，它会将其视为 true，而将其他任何内容视为 false。我应该在此处放置 = 1 还是其他内容？我错过了什么？

非常感谢

Answer 1

如果条件值可转换为 true，则将进入 if block 。在 Javascript 中，任何非零数字都是 true，并且当未找到字符串时 indexOf 的返回值为 -1。因此，只要它不存在，它就会返回 -1，这被视为 true，并且进入 if block 。

将条件更改为明确您要查找的内容

if (url.indexOf('/page/2/') !== -1) {
  $('.sidebarimage').css("display","block");
}