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

时间:2012-04-19 19:20:09

标签: jquery

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

这是我的代码:

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

1 个答案:

答案 0 :(得分:2)

$('#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');
        ...