0

多くのサイトで使用してきたドロップダウン メニューを作成しました。何らかの理由で、このアプリケーション ( http://quaker.wpengine.com/ ) でメニューがちらつき、Firefox と IE8-10 の両方で位置がずれます。Chrome と Safari では問題なく動作します。なぜこれが起こっているのでしょうか？それはCSSの問題だと思いますが、私の人生では理解できません。

助けてくれてありがとう！

メニューで使用しているJSは次のとおりです。

//Add necessary classes to navigation
$('ul.level-1 > li > ul').addClass('level-2');
$('ul.level-1 ul > li ul').addClass('level-3');
$('li:has(> ul)').addClass('has-subnav');

// Mobile Navigation
$('body').addClass('js');
var $menu = $('#menu'),
$menulink = $('.menu-link'),
$menuTrigger = $('.has-subnav > a');

$menulink.click(function(e) {
    //e.preventDefault();
    $menulink.toggleClass('active');
    $menu.toggleClass('active');
});

$menuTrigger.click(function(e) {
    if ( $(window).width() < 768) {
       e.preventDefault();
    }       

    var $this = $(this);
    $this.toggleClass('active').next('ul').toggleClass('active');
}); 

//Remove active class on desktop version
$('ul.level-1 > li').hover(
    function () {
        $('ul.level-1 > li').removeClass('active');
        var $this = $(this);
        if( $this.children('ul.level-2').css('display') != 'none' )  { 
            $this.addClass('active');
        } else {
            $this.removeClass('active');
        }
    },
    function () {
        var $this = $(this);
        if( $this.children('ul.level-2').css('display') != 'none' )  { 
            $this.addClass('active');
        } else {
            $this.removeClass('active');
        }
    }
);
4

1 に答える 1

1

私は問題が何であるかを理解しました。a何らかの方法で追加され、ナビゲーションの属性にカーソルを合わせたときに特定のスタイルを適用するように指示された CSS コードの迷走行がありました。これらのスタイルとliホバー スタイル/JS が競合し、いくつかの問題が発生していました。CSS の行を削除しました。

于 2013-05-26T18:49:54.663 に答える