问题仅限于 Safari:我有三个选项卡,每个选项卡显示一个 div id,同时隐藏另外两个。如果我单击 tab2 然后 tab3 然后 tab1 它会显示/隐藏正确的 div 而不会向上滚动屏幕,但是当我从标签 1 中单击 tab2 或 tab3 时,它会将屏幕向上移动到引用 div 的顶部。谁能想到为什么会出现这种情况以及如何解决?我希望在单击选项卡后不向上滚动屏幕的情况下显示/隐藏 div。谢谢!
这是 HTML 代码:
`
<a onClick="remove_visibility('tabs2'), remove_visibility('tabs3'), toggle_visibility('tabs1')">Tab 1</a>
<a onClick="remove_visibility('tabs1'), remove_visibility('tabs3'), toggle_visibility('tabs2')" class="selected">Tab 2</a>
<a onClick="remove_visibility('tabs1'), remove_visibility('tabs2'), toggle_visibility('tabs3')">Tab 3</a>
`
这是相关的jQuery代码:
<script type="text/javascript">
toggle_visibility = function (id) {
var e = $("#"+id);
e.show();
}
remove_visibility = function (id) {
var e = $("#"+id);
e.hide();
}
</script>