根据网址

时间:2015-06-23 10:14:04

标签: javascript jquery

我正在使用此菜单: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);
});});

1 个答案:

答案 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);
    }
});

Example fiddle