У вас есть display:none
в элементах .submenu
, и вы ничего не делаете для их отображения.
Если вы хотите, чтобы они были всегда включены, добавьте следующее правило
#ContextMenu .submenu {
display:block;
}
, еслиВы хотите сделать это при наведении курсора на родительский элемент
для современных браузеров
#ContextMenu .item:hover > .submenu {
display:block;
}
Я вижу, у вас есть этот код
cm.find(".item:has(.submenu)").hover(function(){
//$(this).find("ul").css('display', 'block');
//alert('blabla_1');
$(this).css('background-color', 'red');
});
долженработа ( если вы раскомментируете первую строку ) и переместите этот код в функцию doMain
.Потому что там, где он у вас есть, элемент #ContextMenu
еще не существует .. поэтому привязка не происходит ..