我在根据选项值打开div的站点中放置了一个选择选项列表。当您在网站中时,这效果很好。但是,如果我直接在地址栏中调用链接,例如 x.ro/y.html#3
,它会显示 div #1
而不是 div #3
.
代码如下(div id 1 为 display: none
,div id 2 为 display: block
):
$(function() {
$('#articole').change(function(){
$('.tiparticol').hide();
$($(this).val()).show();
});
});
<select id="articole" onChange="window.location.href=this.value">
<option value="#1">1</option>
<option value="#2" select="selected">2</option>
</select>
谢谢!
最佳答案
默认情况下您不会出现此行为。您需要在加载时检查 window.location.hash
并设置适当的值。
另请注意,您应该从 HTML 中删除 onChange="window.location.href=this.value"
属性。您可以在不显眼的 jQuery change
处理程序中进行设置。试试这个:
$(function() {
// on change
$('#articole').change(function() {
window.location.hash = this.value;
setOption(this.value);
});
// on load
var hash = window.location.hash.substr(1);
if (hash)
setOption(hash);
});
function setOption(value) {
$('.tiparticol').hide();
$(value).show();
}
关于jquery - 带有 href# anchor 的链接不会打开 #div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43603254/