Javascript 获取要查看或滚动到视图中的特定div
我试图在我的网站上添加一个功能,当我点击一个链接时,我想让一个特定的div元素进入,供用户查看。。我试过密码Javascript 获取要查看或滚动到视图中的特定div,javascript,jquery,Javascript,Jquery,我试图在我的网站上添加一个功能,当我点击一个链接时,我想让一个特定的div元素进入,供用户查看。。我试过密码 $(".testClick").live("click",function(e){ e.preventDefault(); // Call the scroll function goToByScroll("indID13"); }); function goToByScroll(id){ // Reove "link" from the ID
$(".testClick").live("click",function(e){
e.preventDefault();
// Call the scroll function
goToByScroll("indID13");
});
function goToByScroll(id){
// Reove "link" from the ID
id = id.replace("link", "");
// Scroll
$('html,body').animate({
scrollTop: $("#"+id).offset().top},
'slow');
}
但是这不起作用。。。纯jquery本身是否可以在不使用任何插件的情况下实现此功能。。或者我应该使用任何插件。。。
我将添加一个我尝试过的示例。jsfiddle链接
试一下这个toooo这是一个bug..我正在试着让div 1进入视图,它已经在视图中了,所以当我点击链接时,它会显示一些其他divtry
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".wrapper").css({"width" : $(window).width() , "height" : $(window).height()});
$(".testClick").on("click",function(e)
{
e.preventDefault();
goToByScroll("indID13");
});
});
function goToByScroll(id)
{
id = id.replace("link", "");
$('html,body').animate(
{
scrollTop: $("#"+id).offset().top
},'slow');
}
</script>
$(文档).ready(函数()
{
$(“.wrapper”).css({“宽度”:$(window.width(),“高度”:$(window.height()});
$(“.testClick”)。在(“click”上,函数(e)
{
e、 预防默认值();
戈托比斯克罗尔(“indID13”);
});
});
函数goToByScroll(id)
{
id=id.replace(“链接”,“替换”);
$('html,body')。设置动画(
{
scrollTop:$(“#”+id).offset().top
}‘慢’;
}
您单击的事件代码未包含在文档中。就绪
也可以使用
.on
而不是.live
,因为它从现在起已经贬值了。您刚刚遇到语法错误,请将.live更改为.on,因为.live在jQuery的更高版本中已经贬值了。请使用此选项,它将起作用:
$(".testClick").on("click",function(e){...
如果动态创建dom并且im正在使用,请参阅此编辑的fiddle
live
已在jQuery 1.9.wt中删除。在内部文档就绪包装器上,将检测到单击事件,对吗?不对,它将起作用。。。无论dom是否是动态创建的。感谢您的帮助…:)wt如果dom是动态创建的,并且im使用的是“内部文档就绪包装器”,则会检测到“单击”事件,对吗?