滚动条陷入jQuery显示和隐藏

Question

我使用jQuery来显示和隐藏各种divs分页内容。但是，选择显示或隐藏div（例如，第1页，第2页或第3页）的选项后立即上下滚动而不是让我向下滚动页面。我根本不知道可以做什么，并且搜索Stack Overflow和Google似乎并不是其他人遇到的问题。有没有人有什么建议可能会导致这个问题，以及如何纠正它？

Answer 1

你的意思是说你不想让页面跳转到顶部？如果是这样，这是因为你的<a>标签有href="#"。这是浏览器的正常行为，您可以在任何网站上进行测试。只需向下滚动页面，在URL的末尾添加哈希按输入，浏览器将移动到页面的顶部。

您正在使用jQuery将函数绑定到<a>标记上的click事件，该标记将首先执行该函数，然后继续遵循href。为了防止这种情况延续您可以return false;从功能或内置的jQuery功能preventDefault()和stopPropagation()使用防止默认行为，并停止事件传播 - 见event.preventDefault() vs. return false

因此改变你的代码：

$("div.pages a.page1").click(function() { 
    $("div.pd-item#tethco, div.pd-item#novi, div.pd-item#inna").show(); 
    $("div.pd-item:not(#tethco, #novi, #inna)").hide(); 
    return false; 
}); 

而且对a.page2和a.page3绑定函数也做同样的事情，页面将不再跳转。

Answer 2

试试这个：

$(".datepicker").focus(function() { 
    parent = $(this); 


    $("#ui-datepicker-div").position({ 
     my: 'left center', 
     at: 'right center', 
     of: parent 
    }); 
});