JQuery 仅在主页上将 css 应用于类

Question

所以现在我将 ul 设置为可见:隐藏，但我只希望它在用户访问主页时始终可见。

我有这样的东西:

if ((window.location.protocol + "//" + window.location.hostname + "/") != (window.location.href)) {
        $('ul.top-nav .nav .nested-menu-mobile').css("visibility","visible","important");
 }

但似乎没有效果。有任何想法吗？谢谢

Answer 1

你可以去首页的源文件里找一个像 slider 一样只出现在首页的id或者class。然后就可以创建条件如果这个id或者class存在，执行代码

这是一个例子:

Live demo

HTML

<div id="slider"></div>
<div class="someClass"></div>

JS

if(document.getElementById('slider')){
    alert("Id slider exist");
}

if(document.getElementsByClassName("someClass")[0]){
    alert("Class exist");
}