我如何在 JQUERY 切换事件后保持我的页面滚动位置,我已经搜索和研究但找不到解决此问题的任何解决方案。
<script src="Scripts/_hideShowDiv/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#adddriverpanel').hide();
$('a#adddrivertrigger').click(function () {
$('#adddriverpanel').toggle(400);
});
});
</script>
最佳答案
检查代码后,您只需将 html 更新为以下内容:
<a id="adddrivertrigger" href="javascript:void(0);" class="auto-style2">Add Drivers</a>
链接中的“#”会将您带到页面顶部。
如果您打算将带有 href 的 anchor 标记用于点击事件,则需要防止触发 href(假设您不希望它触发)。您通常可以通过添加
return false;
对于您的点击事件,但对于空的 href 属性,更好的做法是创建一个空的 javascript 调用而不是“#”。
对于傻笑,这里有一些你应该/不/对 href 属性做的事情:
<a href="javascript:;"></a>
<a href="javascript:return false;"></a>
<a href="javascript://"></a>
<a href=""></a>
<a href="#"></a>
以上所有内容要么是无效的 javascript,要么会导致不同浏览器的不一致问题。
另一种解决方法(通过 jQuery)如下:
$('a#adddrivertrigger').click(function () {
$('#adddriverpanel').toggle(400);
return false;
});
关于javascript - 在 div.toggle 之后保持滚动位置(JQUERY),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23097917/