我正在使用此菜单:http://jsfiddle.net/j08691/EPvGf/52/ 我想做这样的事情:
如果网址包含例如。 #div3 than page将在“Returns”和“Third Div”上打开。
Js代码:
$(document).ready(function () {
$('.pbox:gt(0)').hide();
$('#menu').on('click', 'a', function () {
$('.current').not($(this).closest('li').addClass('current')).removeClass('current');
// fade out all open subcontents
$('.pbox:visible').hide(600);
// fade in new selected subcontent
$('.pbox[id=' + $(this).attr('data-id') + ']').show(600);
});});
答案 0 :(得分:0)
您可以使用window.location.hash
从网址中检索片段。如果提取隐藏/显示链接到其自身功能的相关div的逻辑,则可以在加载时运行它。试试这个:
$(document).ready(function () {
$('.pbox:gt(0)').hide();
// on click
$('#menu').on('click', 'a', function () {
$('.current').not($(this).closest('li').addClass('current')).removeClass('current');
showDiv($(this).data('id'));
});
// on load
if (window.location.hash)
showDiv(window.location.hash);
function showDiv(id) {
$('.pbox:visible').hide(600);
$('.pbox[id=' + id + ']').show(600);
}
});