Javascript 如何从另一个页面调用jQuery事件?
您好,我有一个关于标题的问题。Javascript 如何从另一个页面调用jQuery事件?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,您好,我有一个关于标题的问题。 在第1页中,jQuery控件显示div、第1节和第2节,如下所示。 $('section 2,.click1')。淡出(0); $('.click2')。在('click',function()上{ $(此)。淡出(0); $('.section1').fadeOut(); $('.section.2,.click1').fadeIn(); }); $('.click1')。在('click',function()上{ $(此)。淡出(0); $('.secti
在第1页中,jQuery控件显示div、第1节和第2节,如下所示。
$('section 2,.click1')。淡出(0);
$('.click2')。在('click',function()上{
$(此)。淡出(0);
$('.section1').fadeOut();
$('.section.2,.click1').fadeIn();
});
$('.click1')。在('click',function()上{
$(此)。淡出(0);
$('.section2').fadeOut();
$('.section.1,.click2').fadeIn();
});代码>
a{
显示:块;
}
.节包装{
位置:相对位置;
宽度:400px;
高度:140像素;
}
.剖面框{
宽度:100%;
身高:100%;
}
.第1节{
背景:红色;
}
.第2节{
位置:绝对位置;
排名:0;
左:0;
背景:黄色;
}
单击此处查看第2节。
单击此处查看第1节。
我是第一区,默认区。
我是第二组。
您可以检查页面url中的哈希标记,并显示/隐藏元素
编辑
$(document).ready(function(){
if(window.location.hash) {
var hashVal = window.location.hash.substring(1);
if(hashVal == "Section2"){
var divId = "#"+hashVal; //id of the section 2 element
$('.section1').fadeOut();
$('.section2, .click1').fadeIn();
var pos = $(divId).offset().top; //top position relative to the document
$('body, html').animate({scrollTop: pos});
}
} else {
// No hash value
}
});
这是更一般的
$(函数(){
$('.click')。在('click',function()上{
设sectionNumber=$(this).data(“section”);
$(“.click”).show();
$(此)。淡出(0);
$('.section-box')。而不是(“.section”+sectionNumber).fadeOut();
$('.section'+sectionNumber).fadeIn()
});
让hash=“#section2”//高兴时更改为location.hash
让section=hash?hash.substring(1).replace(“向下滚动&”,”):“section1”;
如果(散列){
让sectionNumber=hash.replace(/\D+/,“”);
$(“[data section=“+sectionNumber+”])。单击()
}
});代码>
a{
显示:块;
}
.节包装{
位置:相对位置;
宽度:400px;
高度:140像素;
}
.剖面框{
宽度:100%;
身高:100%;
}
.第1节{
背景:红色;
}
.第2节{
位置:绝对位置;
排名:0;
左:0;
背景:黄色;
}
点击第2节。
点击第1节。
我是第一区,默认区。
我是第二组。
您可以使用url中的标签在页面加载时添加条件。检查哪个部分应该可见哦,这是工作!但是,如果我的链接已经有“page.html#scrolldown”,我可以知道如何在href链接中添加Section2吗?因为基本上我需要向下滚动并查看第2节,我想你不能在一个URL中使用多个hashtag。如果要调用该页面,我可以在if下放置jquery吗?只是向下滚动?是的,代码已经更新。请检查它是否有用这似乎可行,但对我来说太深了,我不知道如何使用。>