jquery перед загрузкой библиотеки
Есть элементарный спойлер, но jquery подключается в конце страницы, так(естественно не работает):
<html> <head> <script> jQuery(document).ready(function(){ jQuery('.spoiler-content').hide() jQuery('.spoiler').click(function(){ jQuery(this).toggleClass("close").toggleClass("open").next().toggle() }) }) </script> </head> <body> ... <script type="text/javascript" src="jquery.js"></script> </body> </html> Если подключить jquery в <head>, то всё гут. Как переделать спойлер так, чтобы работало независимо от того, где подключен jquery |
window.onload = function() { $('.spoiler-content').hide() $('.spoiler').click(function(){ $(this).toggleClass("close").toggleClass("open").next().toggle() }) } |
Toki, опусти скрипт спойлера ниже скрипта jQuery. Это элементарно, не?
|
Цитата:
danik.js С удовольствием бы, но нельзя. |
window.addEventListener('DOMContentLoaded', function() { $('.spoiler-content').hide() $('.spoiler').click(function(){ $(this).toggleClass("close").toggleClass("open").next().toggle(); }) }); |
Ruslan_xDD, спасибо огромное, все работает :)
|
Не плохо бы проинформировать что способ не работает в IE8
|
Toki,
:) Или поставить на класс <div class="spoiler-content" style="display:none" |
Deff, и как это поможет?
|
Цитата:
При всяких слайдерах и больших фонах так и будет точать открытым |
Часовой пояс GMT +3, время: 15:53. |