jquery - 链接未转到相关页面

Question

我想在点击链接时通过 JQUERY 激活链接。

我从stackoverflow中找到了代码。它对我来说很好，但是当我点击我的链接时，它们会根据我的需要变得粗体或活跃，但链接没有转到其相关页面，即

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

所以，当我点击 T&C 链接时，它不起作用，但链接会激活。

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

</script>

Answer 1

这应该工作

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

  </script>

Answer 2

你有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');**
    });
});//]]>  

Answer 3

如果您打开一个新页面，我看不到添加新课程的意义，并且在同一秒内导航离开它。所以我想你想在 iFrame 上打开它们。如果是这种情况，试试这个：

尝试这个：

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

Answer 4

是的，这就是e.preventDefault();工作原理。它会阻止您的链接的默认行为，因此该操作将转到您想要的目的地。尝试删除此行。

Answer 5

在加载函数中添加此代码

$('li a').click(function() {
    $('a').removeClass('active');
    $(this).addClass('active');
    return true;
});

Answer 6

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

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