2016-10-07 3 views
0

Недавно я использовал аккордеон JQuery, чтобы помочь мне развернуть/свернуть содержимое (например, в раскрывающемся меню) .. Я использовал этот сценарий и поставил его в <body>JQuery-страницы не загружаются правильно

сценария:

jQuery(document).ready(function($) 
{ 
        $("#accordions-727.accordions").accordion({ 
          active: "", 
          event: "click", 
          collapsible: true, 
          heightStyle: "content", 
          animated: "swing", 
}) 
        }) 

Сценарий работает нормально, но страница не загружается правильно. Когда я просматриваю или обновляю страницу, все содержимое в раскрывающемся меню становится видимым, но как только страница заканчивается, загрузка становится прекрасной .. Теперь как могу ли я исправить это? .. Должен ли я разместить сценарий в <head>?

+0

Консоль посылает вам какое-то сообщение? У вас есть более подробная информация? – RPichioli

+0

@RPichioli no nothing – Stew

+0

Я должен положить сценарий в , чтобы он загружался первым ... Как вы думаете? – Stew

ответ

0

Использование jQueryUI аккордеона неявно @Stew.

У вас неправильный атрибут в вашем коде настройки аккордеона, используйте animate вместо animated.

Посмотрите в этой API документации: http://api.jqueryui.com/accordion

И это оригинальный компонент демонстрации: http://jqueryui.com/accordion/

Я предлагаю вам взглянуть на ваш Jquery файлы тоже, если они в порядке и в правильном (в разделе <header>).

Еще один момент - разместить свой JavaScript в разделе <header> вашего HTML-кода и убедиться, что у вас нет конфликтов или использования более старых версий файлов jQuery, чем для компонентов.

Надеюсь, это поможет.

+0

Неправильное размещение скрипта в

влияет на производительность страницы? – Stew

+0

Люди говорят, что JS в нижней части более реалистично, Yahoo объясняет это в своей теме «лучших практик»: https://developer.yahoo.com/performance/rules.html ... Есть несколько тем о том, чтобы поставить JS до или внутри в переполнении стека тоже, посмотрите: http://stackoverflow.com/questions/196702/where-to-place-javascript-in-a-html-file и http://stackoverflow.com/questions/ 10994335/javascript-head-body-or-jquery – RPichioli

+0

Вы решили проблему вопроса @Stew? – RPichioli