0

多くのリンクを検索しましたが、適切な解決策が見つかりませんでした。選択したリストをWebページで強調表示したいと思います。リストの私のコードは次のとおりです。

%div#navg
  %ul.clearfix
    %li
      %a#c-realtime.overview-16{:href => "#", :title => "Summary"} Summary
    %li.menu-trigger
      %a#c-comment.events-24{:href => events_url, :title => "Events"} Events
    %li.menu-trigger
      %a#c-realtime.create-24{:href => new_event_path, :title => "Create new event"} Create new event 
    %li.menu-trigger
      %a#c-realtime.realtime-16{:href => "#", :title => "Analytics"} Analytics
    %li.menu-trigger
      %a#c-realtime.recommend-24{:href => recomendations_url, :title => "Recommendations"} Recommendations

Javaスクリプトのコードは次のとおりです。

:javascript
$( document ).ready( function() {
    $( "#navg ul li a" ).click( function() {
        $( this ).parent( "li" )
            .addClass( "selected" )
            .siblings( ".selected" )
                .removeClass( "selected" );
        return false;
    });
});

そしてcssで私はこれを使用しています：

li.selected { background-color: #404649;

私の問題は、ページで選択したメニューを強調表示できますが、行を削除するとそれぞれのリンクが機能しないことです

falseを返します。

JSコードからリンクは機能していますが、リンクが強調表示されていないため、問題を特定できません。問題の解決方法を教えてください。ありがとう

4

2 に答える 2

0

これはどうですか？

$( document ).ready( function() {
    $( "#navg ul li a" ).click( function(e) {
        e.preventDefault();  //  prevent following the link on the first click
        $( this ).parent( "li" )
            .addClass( "selected" )
            .siblings( ".selected" )
                .removeClass( "selected" );
        window.location.href = $( this ).attr('href');  // manually follow the link
    });
});
于 2012-05-03T07:03:34.963 に答える