首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery操作仅一次/自定义URL

jQuery操作仅一次/自定义URL
EN

Stack Overflow用户
提问于 2012-10-10 11:17:41
回答 3查看 132关注 0票数 0

我有一个非常基本的jQuery脚本,它在页面加载后将标题从下往上滑动。我现在遇到的问题是,只有当用户在“主页”上时,我才需要将这个标题变成幻灯片。如果用户然后单击任何子页面,我需要标题保持在页面的顶部。

例如: wordpress网站上有几页我有画廊。当用户输入页面时,->动画标题。当用户浏览图库时,->静态标题。

这是jQuery脚本:

代码语言:javascript
运行
AI代码解释
复制
jQuery(document).ready(function () {
jQuery(".animate").addClass("move"); 
});

你可以看到有问题的网站这里

// 稍后编辑:感谢大家的帮助!我忘了说我有多个URL,有多个页面。有没有一种方法,我可以得到“当前的网址”的网页,然后附加到它的额外位,这将永远是相同的,即/?pid=xx

示例:我需要用这种格式在页面上动画标题:

mywebpage/custom_name/

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

mywebpage/custom_name/?pid=xx

按照下面的答案,我编写了这个脚本:

代码语言:javascript
运行
AI代码解释
复制
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个子页面。

我如何调整上面的脚本来处理这些页面和子页面,而不是子页面上呢?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-10-10 11:23:01

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

代码:

代码语言:javascript
运行
AI代码解释
复制
if(window.location.href== mainapplicationurl){

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

}

在编辑问题之后。您可以根据url中的“/”计数来决定页面(只有当url格式一致时才能工作)。

代码语言:javascript
运行
AI代码解释
复制
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"); 
    }
});
票数 1
EN

Stack Overflow用户

发布于 2012-10-10 11:27:21

Wordpress给具有独特类的页面贴上标签,这样您就可以针对特定的页面,如下所示:

代码语言:javascript
运行
AI代码解释
复制
jQuery(document).ready(function () {
    jQuery(".page-id-32 .animate").addClass("move"); 
});
票数 1
EN

Stack Overflow用户

发布于 2012-10-10 11:29:29

你可以用不同的方式来做。例如,只有在特定页面上使用wordpress条件时,才能加载幻灯片标题内容。

或者你可以从客户那里做你想做的事。例如,您的页面有不同的标题标记,主页面有- Upwall Studio,您可以检查:

代码语言:javascript
运行
AI代码解释
复制
if ($('title').text() === 'Upwall Studio') {
  //slide youre title here
}

或者您可以通过window.location.href检查特定url上的用户:

代码语言:javascript
运行
AI代码解释
复制
if (window.location.href === 'http://www.noahd.net/demo-upwall/') {
  //slide youre title here
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12826707

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文