кнопка загрузки мобильного меню начальной загрузки 4.1 не работает

Question

У меня есть веб-страница HTML на основе начальной загрузки 4.1, на которой я использовал следующий скрипт для повторного использования HTML-кода на других страницах; Демо-страницу можно посмотреть здесь http://skillsteer.com/clients/didx/

<script>
$(function(){
   $('#header').load('header.html');
   $('#footer').load('footer.html');
});

Перед использованием этого скрипта мобильное меню на основе начальной загрузки открывалось идеально, но после его использования меню перестало работать и не открывалось вообще.

Пожалуйста, помогите мне решить эту проблему. Спасибо, Фархан

Answer 1

Поскольку header.html не был загружен до того, как вы подключили свой обработчик кликов в мобильном меню. Выберите один из двух вариантов ниже:

1. Переместите скрипт обработчика кликов в header.html
2. Измените загрузку заголовка на это:

$('#header').load('header.html', function() {
		$('.resposive_menu_bar').click(function(){
			$('.menu').children('ul').slideToggle(300);
		});
});