$( document ).ready( function () {
"use strict";
// initialize taskbar - "startButtons" are set to true by default
$( ".taskbar" ).taskbar({
// switching language let us see changing start menus
// for different languages
languageSelect: true,
// need to specify language available for "languageSelect" button
languages: [ "en", "pl" ],
localization: {
// English buttons translations
en: {
"startButton:allLangsMenu": "I'm always here",
"startButton:stuff": "Stuff"
},
// Polish buttons translations
pl: {
"startButton:allLangsMenu": "Zawsze tu jestem",
"startButton:stuff": "Rzeczy"
}
}
});
setTimeout( function () {
// make code window wider
$( ".code" ).window( "option", "width", 700 );
});
});
<div class="taskbar">
<!-- start menu for all languages; if a menu is for all language, you can
use wildcard "*", otherwise specify a language coresponding to key in
"localization" option; data-menu-type="start" should always be
specified on root element of menu -->
<ul data-menu-lang="*" data-menu-type="start" data-menu-name="allLangsMenu">
<li>Restart</li>
<li>Exit</li>
</ul>
<!-- start menu for English; data-menu-lang="en" tells taskbar thatthis menu
should only be visible if current language is English -->
<ul data-menu-lang="en" data-menu-type="start" data-menu-name="stuff">
<li>Some English stuff</li>
<li>Some more English stuff</li>
</ul>
<!-- start menu for Polish -->
<ul data-menu-lang="pl" data-menu-type="start" data-menu-name="stuff">
<li>Coś po polsku</li>
<li>Coś więcej po polsku</li>
</ul>
<!-- menu with "simone-menu-hidden" class will alyways be ignored. it also
receives display: none in taskbar stylesheet -->
<ul data-menu-lang="*" data-menu-type="start" class="simone-menu-hidden">
<li>Never see me</li>
<li>Never see me a lot</li>
</ul>
</div>
<div class="demo">
<div class="description">...</div>
</div>
ul > li > a
for version 1.10, and either that or ul > li
for version 1.11+.