javascript - Codrops 水平スライド アウト メニュー - ページ読み込み時にサブメニューを表示

Question

Codrops の設計図の 1 つに基づいたプロジェクトに取り組んでいます: http://l3s11023.zeus03.de/test/

ページがロードされたときに、最初のサブメニュー「Lovely Spirits」をすでに開いておきたいです。jQuery $( document ).ready(function() とトリガーイベントでこれを実行しようとしましたが、成功しませんでした。

どんな助けでも大歓迎です。ありがとう。

Answer 1

これは、コードの一部のフィドルと、クリックをトリガーする方法の例です

$(document).ready(function(){});

jQueryが含まれていることを確認してください

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>


$(document).ready(function(){ 
    $('.cbp-hsmenu').children('li').children('a').on('click',function(){
        $(this).next('ul').css('display','block');
    });

    /* HERE IS the interesting part*/
    /* Trigger click on that function opening your sub-nav */
    $('#gesu').trigger('click');
});

http://jsfiddle.net/Zms3T/

(あなたの質問は良くありません。次回はコードの必要な部分だけを表示するようにしてください)

---

あなたのサイトでたくさん試した後、答えを更新してください

---

上記のコードは、それを試す方法のほんの一例です。そのナビゲーションを開く機能をトリガーしたはずです。ただし、準備ができているドキュメントを次のように置き換えます。

$(document).ready(function(){
    var elemHeight = $('.cbp-hsmenu li:first-child ul').height()
    $('.cbp-hsmenubg').css('height', elemHeight+'px');
    $('.cbp-hsmenu li:first-child').addClass('cbp-hsitem-open');
});