我有一个非常基本的jQuery脚本,它在页面加载后将标题从下往上滑动。我现在遇到的问题是,只有当用户在“主页”上时,我才需要将这个标题变成幻灯片。如果用户然后单击任何子页面,我需要标题保持在页面的顶部。
例如: wordpress网站上有几页我有画廊。当用户输入页面时,->动画标题。当用户浏览图库时,->静态标题。
这是jQuery脚本:
jQuery(document).ready(function () {
jQuery(".animate").addClass("move");
});
你可以看到有问题的网站这里。
// 稍后编辑:感谢大家的帮助!我忘了说我有多个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个子页面。
我如何调整上面的脚本来处理这些页面和子页面,而不是子页面上呢?
发布于 2012-10-10 11:23:01
您可以根据url决定页面的行为。
代码:
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");
}
});
发布于 2012-10-10 11:27:21
Wordpress给具有独特类的页面贴上标签,这样您就可以针对特定的页面,如下所示:
jQuery(document).ready(function () {
jQuery(".page-id-32 .animate").addClass("move");
});
发布于 2012-10-10 11:29:29
你可以用不同的方式来做。例如,只有在特定页面上使用wordpress条件时,才能加载幻灯片标题内容。
或者你可以从客户那里做你想做的事。例如,您的页面有不同的标题标记,主页面有- Upwall Studio,您可以检查:
if ($('title').text() === 'Upwall Studio') {
//slide youre title here
}
或者您可以通过window.location.href检查特定url上的用户:
if (window.location.href === 'http://www.noahd.net/demo-upwall/') {
//slide youre title here
}
https://stackoverflow.com/questions/12826707
复制相似问题