一款美观实用的jQuery手机移动端侧边栏滑动多级导航菜单插件,还带有小图标,可以自定义一些效果,具体看演示页面。
js代码
<script type="text/javascript" src="dist/hc-mobile-nav.js"></script>
<script>
(function($) {
var $nav = $('#main-nav');
var $toggle = $('.toggle');
var defaultData = {
maxWidth: false,
customToggle: $toggle,
navTitle: 'All Categories',
levelTitles: true
};
// we'll store our temp stuff here
var $clone = null;
var data = {};
// calling like this only for demo purposes
const initNav = function(conf) {
if ($clone) {
// clear previous instance
$clone.remove();
}
// remove old toggle click event
$toggle.off('click');
// make new copy
$clone = $nav.clone();
// remember data
$.extend(data, conf)
// call the plugin
$clone.hcMobileNav($.extend({}, defaultData, data));
}
// run first demo
initNav({});
$('.actions').find('a').on('click', function(e) {
e.preventDefault();
var $this = $(this).addClass('active');
var $siblings = $this.parent().siblings().children('a').removeClass('active');
initNav(eval('(' + $this.data('demo') + ')'));
});
})(jQuery);
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791