javascript - Codrops 水平滑出菜单 - 在页面加载时显示子菜单

Question

我正在开发一个基于 Codrops 蓝图之一的项目：http: //l3s11023.zeus03.de/test/

我希望在页面加载时已经打开第一个子菜单“可爱的灵魂”。我尝试使用 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');
});