1

我有一个很好的 jQuery 显示/隐藏功能；问题是，如果通过直接输入 URL 打开链接，它不会很好地降级——您可以一次看到所有元素。

有什么方法可以使用显示/隐藏功能中的链接，但在直接输入浏览器地址栏时阻止链接打开？

这是我的代码：

jQuery

$(document).ready(function() {

    $('#nav li a').first().addClass('blue');

    $('#nav li a').click(function(){

    $('#nav li a').first().removeClass('blue');
    $('#nav li a').removeClass('blue');
    $(this).addClass('blue');

    var toLoad = $(this).attr('href')+'#content';  
    $('#content').hide(0,loadContent);  
    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    //window.location.hash = //$(this).attr('href').substr(0,$(this).attr('href').length-0);  
    function loadContent() {  
        $('#conent').load(toLoad,'',showNewContent())  
    }  
    function showNewContent() {  
        $('#content').show(0,hideLoader());  
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  
    });
});

HTML

<div id="leftcol">

<div id="menu">
<ul id="nav">
<li><a href="/option1">Option 1</a></li><br />
<li><a href="/option2">Option 2</a></li><br />
<li><a href="/option3">Option 3</a></li><br />
</ul>
</div>
</div>

<div id="content">
<div>
4

1 回答 1

2

如果链接href不是 URL，您可能应该使用#option1

您可以使用该hashchange事件来调用显示/隐藏功能吗？

$(window).bind('hashchange', function() {
    showHideFunction(window.location.hash);
});

当您单击链接时，哈希将更改并调用该函数。

如果有人输入地址http://domain.com/#option1
，那么您可以在 onload 函数中像这样获取哈希值。

var hash = window.location.hash;
if(hash) {
    showHideFunction(hash);
}
于 2012-05-25T23:01:32.787 回答