Мне это кажется странным. Я не мог понять, почему.jQuery Slide Toggle Меню не работает
Прежде всего, я помещаю файлы js на <head>
. Нечто подобное ниже:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
Кроме того, мой код для навигации по меню, как показано ниже:
Для HTML
<ul class="mainMenu">
<li>LINK 1
<ul class="subMenu">
<li>SUB LINK 1</li>
<li>SUB LINK 2</li>
<li>SUB LINK 3</li>
<li>SUB LINK 4</li>
</ul>
</li>
<li> LINK 2 </li>
</ul>
Для JS:
$(document).ready(function(){ $('.mainMenu').children('li').on('click', function() { $(this).children('ul').slideToggle('slow'); }); }
И CSS:
.subMenu { display: none; }
Вот JSFIDDLE. Он работает в JSFiddle, но он не работает на моем сервере. Мне интересно, почему. Есть идеи?
первая нагрузка <сценарий SRC = "http://code.jquery.com/jquery-1.9.1.js"> – Balachandran
@Bala хорошо, я попробовал, и она по-прежнему не работает. Можете ли вы просмотреть обновленный вопрос, поскольку я реорганизую вопрос. – Anthosiast