Question

我有一个菜单，我用来显示/隐藏内容。效果很好，但是当用户点击第一个链接时，我想重新加载整个页面，而不是执行显示/隐藏功能。对于其他菜单项，我想保持显示/隐藏。

这是我的代码：

的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>

Answer 1

在$('#nav li a').click(function(){区块中，您需要检查它是否是列表中的第一项，如果是，只需返回以刷新页面：

$(document).ready(function() {
    var $first = $('#nav li a').first();

    $first.addClass('blue');    
    $('#nav li a').click(function(){
        if ( this == $first[0] ) {
            return true;
        }

        $first.removeClass('blue');
        ...

在jQuery上打开新页面点击+停止显示/隐藏

1 个答案: