2013-07-30 53 views
1

我想在单击它们时通过JQUERY使链接处于活动状态。链接不会转到相关页面

我从stackoverflow找到了代码。它的工作对我罚款,但是当我点击我的链接,他们得到大胆或活动,因为我想,但该链接不走它的相关页面,即

<li><a href="term-conditions.html">Terms &amp; Conditions</a></li> 

所以,当我点击完成&Ç链接它不起作用,但链接激活。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
    $('li a').click(function(e) { 
     e.preventDefault(); 
     $('a').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
});//]]> 

</script> 
+1

尝试删除e.preventDefault(); – Amit

+1

你是否打开链接?新页面iframe? – Sergio

+0

如果您想要关注该链接,添加/删除一个类别听起来不是很有用,除非您在@Sergio所说的iframe中打开它,或者它是该页面内的主题标签。 – putvande

回答

1

您有e.preventDefault();这将阻止链接事件的发生。你需要删除它。或者保留代码并将document.location = a.href;添加到底部。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
    $('li a').click(function(e) { 
     e.preventDefault(); 
     $('a').removeClass('active'); 
     $(this).addClass('active'); 
     **document.location = $('a').attr('href');** 
    }); 
});//]]> 
+0

我也删除了,现在链接正在工作。但是现在链接并没有变得活跃。我该怎么做?谢谢 –

+0

好吧,如果页面正在改变,那么用户将没有太多机会看到CSS更改。它可能是您的加载的iframe,在这种情况下,您需要捕获href并自行加载。我相应地改变了我的例子。 – BigBadOwl

+0

当我使用此代码时,我的页面无法加载。 –

2

这应该工作

<script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){ 
    $('li a').click(function() { 
     $('a').removeClass('active'); 
     $(this).addClass('active'); 
     return true; 
     }); 
    });//]]> 

    </script> 
0

是的,这是多么e.preventDefault();作品。它可以防止你的链接的默认行为,所以行动去你想要的目的地。尝试删除这一行。

0

负载功能添加以下代码

$('li a').click(function() { 
    $('a').removeClass('active'); 
    $(this).addClass('active'); 
    return true; 
}); 
0
$(document).ready(function(){ 
$('li a').click(function(e) { 
    //e.preventDefault();   
    $('a').removeClass('active'); 
    $(this).addClass('active'); 
}); 
}); 

代码:http://jsfiddle.net/twjSJ/1/

+0

谢谢 - 它不工作:( –

+0

也检查你的CSS,你可以检查jsfiddle上运行的代码 –

0

如果你打开一个新的网页我没有看到增加了一类新的和相同的第二导航点远离它。所以我想你想在一个iFrame上打开它们。如果是这样的话,试试这个:

试试这个:

$(window).load(function(){ 
    $('li a').click(function(e) { 
     e.preventDefault(); 
     $('a').removeClass('active'); 
     $(this).addClass('active'); 
     $("#frameID").prop("src", $(this).prop('href')); 
    }); 
});