Agregando clase de CSS basada en cadena de URL a través de JQuery

Question

Tengo escrito algo de JQuery que está diseñado para que cuando un usuario navegue a 'página/2 /' en Wordpress, aparezca una imagen en la barra lateral. Su CSS está configurado en display:none; inicialmente, luego tengo JQuery cámbielo a display:block; si esa cadena de URL está presente. El código que escribí lo tiene al revés ... así que lo hace a cada página PERO '/ página/2 /'.

$(document).ready(function() { 

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

Siempre pensé que si no hubiera estado situado en una instrucción If, que lo trata como verdad, y todo lo demás como falso. ¿Debo poner un = 1 o algo aquí? ¿Qué me estoy perdiendo?

Muchas gracias SO

Answer 1

serán introducidos El bloque if si el valor de la condición es convertible a true. En Javascript, cualquier número distinto de cero es true y el valor de retorno de indexOf cuando la cadena no se encuentra es -1. Por lo tanto, cada vez que no está allí devuelve -1 que se ve como verdadero y se ingresa el bloque if.

Cambiar el condicional para ser explícita a lo que estás buscando

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

Answer 2

Este Código Jquery funcionará sólo para la página de inicio

$(document).ready(function() { 

    var x = location.href; 
    var y = location.hostname; 
    var z = 'http://' + y + '/'; 

     if(x == z){ 
     $('.class').css("display","block"); 
    } 
     else{ 
     $('.class').css("display","none"); 
     } 
    });