3

ナビゲーション メニューからホーム メニュー項目を非表示にし、モバイル ナビゲーション メニューが切り替えられたときにのみ表示したいと考えています。他の要素に行ったように、アンカー タイトル (ホーム) で li アイテムを選択し、トグル時にアクティブなクラスを追加する方法はありますか? または、どういうわけかcssでこれを行うことができますか? wordpress のナビゲーション メニューを使用しているため、特定のクラスを追加できません。どうもありがとう。

    $(document).ready(function() {
    $('body').addClass('js');
    var $menu = $('#menu'),
    $logo = $('.logo'),
    $menulink = $('.menu-link');

    $menulink.click(function() {
    $menulink.toggleClass('active');
    $menu.toggleClass('active');
    $logo.toggleClass('active');
    return false;
    });
});
4

3 に答える 3

1

css だけで、タイトルに関連付けられたアンカーをターゲットにできることをご存知ですか?

a[title^="Some title text"] { color: red; }

JavaScript でターゲティングする場合 -->関連

var links = top.document.getElementsByTagName('a'); var 結果 = []; var linkcount = links.length; for ( var i = 0; i < linkcount; i++) { if (links[i].getAttribute('title') === 'some title text here') { result.push(links[i]); } }

jQuery を使用したターゲティングの場合 --> ユーザー John Conde が前に回答またはタイトル jQuery で要素を取得

$('a[title="タイトル テキスト"]')

また、あなたの質問でネット上で検索してみてください --> グーグルで例を挙げてください

于 2013-06-04T22:01:51.470 に答える
0 
$(document).ready(function() {
    $('body').addClass('js');
    var $menu = $('#menu'),
    $logo = $('.logo'),
    $menulink = $('.menu-link');
    $homelink = $('li[title*="home"]'); // remove the * if u have more with "*home*"

    $menulink.click(function() {
        $menulink.toggleClass('active');
        $menu.toggleClass('active');
        $logo.toggleClass('active');
        $homelink.toggleClass('active');
        return false;
    });
});
于 2013-06-04T22:11:54.320 に答える