You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.3 KiB
67 lines
2.3 KiB
(function ($) {
|
|
$.fn.mobileMenuTop = function (options) {
|
|
|
|
var defaults = {
|
|
defaultText: ThGlobal.mobile_menu_default_text,
|
|
className: 'select-menu',
|
|
subMenuClass: 'sub-menu',
|
|
subMenuDash: '–'
|
|
},
|
|
settings = $.extend(defaults, options),
|
|
el = $(this);
|
|
i = 0;
|
|
this.each(function () {
|
|
// ad class to submenu list
|
|
if ($(this).parents('aside').length > 0) return;
|
|
i++;
|
|
el.find('ul.children').addClass(settings.subMenuClass);
|
|
$(this).attr('id', 'main-menu-' + i);
|
|
// Create base menu
|
|
$('<select />', {
|
|
'id': 'mobile-menu-' + i,
|
|
'class': settings.className
|
|
}).insertAfter($('#main-menu-' + i));
|
|
|
|
// Create default option
|
|
$('<option />', {
|
|
"value": '#',
|
|
"text": settings.defaultText
|
|
}).appendTo('#' + 'mobile-menu-' + i);
|
|
|
|
// Create select option from menu
|
|
$('#main-menu-' + i).find('a').each(function () {
|
|
var $this = '',
|
|
optText = '',
|
|
optSub = '',
|
|
len = '',
|
|
dash = '';
|
|
|
|
$this = $(this), optText = ' ' + $this.text(), optSub = $this.parents('.' + settings.subMenuClass), len = optSub.length;
|
|
|
|
|
|
// if menu has sub menu
|
|
if ($this.parents('ul').hasClass(settings.subMenuClass)) {
|
|
dash = Array(len + 1).join(settings.subMenuDash);
|
|
optText = dash + optText;
|
|
}
|
|
|
|
// Now build menu and append it
|
|
$('<option />', {
|
|
"value": this.href,
|
|
"html": optText,
|
|
"selected": (this.href == window.location.href)
|
|
}).appendTo('#' + 'mobile-menu-' + i);
|
|
|
|
}); // End el.find('a').each
|
|
// Change event on select element
|
|
$('.' + settings.className).change(function () {
|
|
var locations = $(this).val();
|
|
if (locations !== '#') {
|
|
window.location.href = $(this).val();
|
|
};
|
|
});
|
|
|
|
});
|
|
return this;
|
|
};
|
|
})(jQuery); |