javascript - jQuery 操作仅一次/自定义 URL

Question

我有一个非常基本的 jQuery 脚本，可以在页面加载后从下到上滑动标题。我现在遇到的问题是，我需要使该标题仅在用户位于“主页”上时才滑动。如果用户随后单击任何子页面，我需要将标题保留在页面顶部。

示例:wordpress 网站，其中有几个页面上有画廊。当用户进入页面时 -> 动画标题。当用户浏览图库时 -> 静态标题。

这是 jQuery 脚本:

jQuery(document).ready(function () {
jQuery(".animate").addClass("move"); 
});

您可以查看相关网站here .

//稍后编辑:感谢大家的帮助!我忘了提及我有多个 URL，有多个页面。有没有办法获取页面的“当前 URL”，然后在其上附加始终相同的额外位，即 /?pid=xx ？

示例:我需要使用以下格式对页面上的标题进行动画处理:

mywebpage/custom_name/

然后，在具有这种格式的页面上，我需要保持标题静态:

mywebpage/custom_name/?pid=xx

根据下面的答案，我制作了这个脚本:

if(window.location.href == 'http://www.noahd.net/demo-upwall/residential/rooftop-garden/'){
    jQuery(document).ready(function () {
        jQuery(".animate").addClass("move"); 
    });
} else {
    jQuery(document).ready(function () {
        jQuery(".portfolio-title-wrap").removeClass("animate").addClass("top"); 
    }); 
}

此脚本仅适用于 /residential/rooftop-garden/ 页面。在residential 下我还有另外 10 页。然后我还有另外 6 个从根目录开始的页面，例如 /commercial/ 或 /objects，它们也有 6-10 个子页面。

如何调整上述脚本以在这些页面和子页面上工作，但在子子页面上不起作用？

Answer 1

您可以根据网址决定页面的行为。

代码:

if(window.location.href== mainapplicationurl){

    // slide code
}
else{
      // put title on top

}

编辑问题后。您可以根据url中“/”的数量来决定页面(仅当url格式一致时才有效)。

var count = window.location.href.split("/").length;
jQuery(document).ready(function () {
   if( count < 7 ){        
        jQuery(".animate").addClass("move"); 
   } else {        
        jQuery(".portfolio-title-wrap").removeClass("animate").addClass("top"); 
    }
});