Тема: JS: мобильное меню не показывает 1 подпункт.
Использую такой скрипт:
/**
* jQuery Mobile Menu
* Turn unordered list menu into dropdown select menu
* version 1.0(31-OCT-2011)
*
* Built on top of the jQuery library
* http://jquery.com
*
* Documentation
* http://github.com/mambows/mobilemenu
*/
(function($){
$.fn.mobileMenu = function(options) {
var defaults = {
defaultText: 'Перейти к...',
className: 'select-menu',
subMenuClass: 'sub-menu',
subMenuDash: '–'
},
settings = $.extend( defaults, options ),
el = $(this);
this.each(function(){
// ad class to submenu list
el.find('ul').addClass(settings.subMenuClass);
// Create base menu
$('<select />',{
'class' : settings.className
}).insertAfter( el );
// Create default option
$('<option />', {
"value" : '#',
"text" : settings.defaultText
}).appendTo( '.' + settings.className );
// Create select option from menu
el.find('a,.separator').each(function(){
var $this = $(this),
optText = $this.text(),
optSub = $this.parents( '.' + settings.subMenuClass ),
len = optSub.length,
dash;
// if menu has sub menu
if( $this.parents('ul').hasClass( settings.subMenuClass ) ) {
dash = Array( len+1 ).join( settings.subMenuDash );
optText = dash + optText;
}
if($this.is('span')){
// Now build menu and append it
$('<optgroup />', {
"label" : optText,
}).appendTo( '.' + settings.className );
}
else{
// Now build menu and append it
$('<option />', {
"value" : this.href,
"html" : optText,
"selected" : (this.href == window.location.href)
}).appendTo( '.' + settings.className );
}
}); // 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();
}
});
$('.select-menu').hide();
}); // End this.each
return this;
};
})(jQuery);
Он все меню показывает, кроме такой строки в html - вместо нее пустое место, но с переходом.
<a href="http://www.facebook.com/Medial" target="_blank"><img alt="Facebook" src="../assets/img/icons/35x35/facebook.png" class="grayscale"></a>
Эта строка показывается:
<a href="../LAT/index.html" style="margin: 0px 5px 0 20px; font-size: 12px"><span class="lang">LAT</span></a>
Чтоб в него дописать, чтобы было в мобильном меню написано слово "facebook"?