0

css-tricks.com の Chris は、長いドロップダウン メニューの美しいソリューションを作成しました。

これをonomadesign.com/wordpress/portfolio/identity-designページの右上に実装しました。

しかし、このサブメニューを常に表示したいので、「プロジェクト」をクリックする必要はありません。

誰かがそれを手伝ってくれますか？私は間違いなくjQueryのプロではありません。ありがとうございました。

4

2 に答える 2

1

これはおそらく素晴らしい答えではありませんが、機能します。

<script type="text/javascript" charset="utf-8">     
    $(document).ready(function() {      

        $('.dropdown > li').longDropdown({
            visible: 50
        });         
        $('.margin').live(function() {              
            $this = $(this);                
            $("body").css('marginTop', $this.attr('rel') + 'px');
            return false;
        });

            $('.dropdown a:first').click(); 

    });
</script>
于 2009-11-24T18:58:06.323 に答える
0

次のようなことができますか：

$(function(){
    $('#sub_menu).show();
});

その時点で、「プロジェクト」リンクのアンカー タグを削除できる場合があります。それがうまくいかない場合はお知らせください。

編集：

あなたも試すことができます：

$('#sub_menu').css({height:400,overflow:'hidden'}).show();

jQuery プラグインから、リンクしたサイトからダウンロード可能な通常の JS ファイルに切り替えると、FF と IE の両方で動作するように見えます。これに関する問題は、ドロップダウンからマウスを出すとドロップダウンが消えることです。ユーザーが最初にページを表示したときに開いているが、マウスを上に置いてからマウスを離すと非表示にできるため、これは私にとって望ましいことです。常に開いたままにしたい場合は、次のコードを使用できます。

$('.dropdown > li').bind('mouseleave', function(event) {
    $('#sub_menu').css({height:400,overflow:'hidden'}).show();
});

これでうまくいくはずです。

于 2009-11-24T18:46:03.430 に答える