Javascript 获取要查看或滚动到视图中的特定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

我试图在我的网站上添加一个功能,当我点击一个链接时,我想让一个特定的div元素进入,供用户查看。。我试过密码

$(".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进入视图,它已经在视图中了,所以当我点击链接时,它会显示一些其他div

try

<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使用的是“内部文档就绪包装器”,则会检测到“单击”事件,对吗?