1

リンクがクリックされたときに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>
4

6 に答える 6

0

はい、これが仕組みe.preventDefault();です。リンクのデフォルトの動作が妨げられるため、アクションは目的の宛先に移動します。この行を削除してみてください。

于 2013-07-30T08:16:11.913 に答える
0

このコードをロード関数に追加します

$('li a').click(function() {
    $('a').removeClass('active');
    $(this).addClass('active');
    return true;
});
于 2013-07-30T08:16:33.930 に答える
0
$(document).ready(function(){
$('li a').click(function(e) {
    //e.preventDefault();        
    $('a').removeClass('active');
    $(this).addClass('active');
});
});

コード: http://jsfiddle.net/twjSJ/1/

于 2013-07-30T08:19:40.773 に答える