2013-03-04 3 views
0

Я работаю над веб-сайтом для клиента и не могу понять, что происходит - вероятно, слишком долго смотрел на код.Выпадающее меню не отображается на определенной странице

Вы можете увидеть, что меню навигации работает на этой странице, насколько выпадающее меню обеспокоено:

http://www.envisionforce.com/

Однако на этой странице раскрывающегося меню не отображаются:

http://portal.envisionforce.com/

Любая идея, что нужно изменить, чтобы исправить это? Благодаря!

ответ

4

Первоначальный взгляд, кажется, указывает, что вторая ссылка не включает требуемый файл JavaScript. Вы забыли добавить JavaScript для меню на каждую страницу?

Похоже, вы загружаете wp-content/themes/Minos/data/combined4963.js?ver=1.1 на свою основную страницу, но не на другие страницы. Этот файл содержит раскрывающееся меню JavaScript.

Редактировать: Я подтвердил это как проблему, сайт работает при добавлении этого скрипта на страницу через консоль dev.

+0

Хммм Я этого не заметил, но просто попробовал добавить, и он все тот же :( – user2090227

+0

Слишком высокий на странице, он должен быть загружен после jQuery. Положите его прямо над ''. В следующий раз попробуйте посмотреть на консоли, если вы используете FireBug/Google Chrome :) –

+1

Работал отлично! Благодаря! – user2090227

0

Файл обработки раскрывающегося меню (whmcs.js) является обязательным поведением в случае щелчка элементов .dropdown-toggle и a.menu

jQuery("html").bind("click", function (e) { 
jQuery('.dropdown-toggle, a.menu').parent("li").removeClass("open"); 
}); 

разметку на странице не включает в себя все эти элементы.

<li id="menu-item-1966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1966"> 
<a href="http://portal.envisionforce.com/cart.php"> 
<b>SERVICES</b> 
</a> 

Вам необходимо добавить соответствующие классы в li и a элементов

EDIT: RogueCoder получил это право. Игнорируйте этот беспорядочный толчок.

Смежные вопросы