JQuery готов дом

У меня возникла проблема с JQuery (я начал несколько раз назад), у меня очень БОЛЬШАЯ HTML-страница, и у меня есть виджет в начале этой страницы, но я сделал документ. Уже так что он ждет, что вся моя страница загружается перед выполнением, что слишком долго.

Итак, как я могу выполнить jquery сразу после загрузки моего виджета? я пробовал что-то вроде $(myWidget).ready(), но это не работает

Я надеюсь, что я достаточно ясно

Ваше здоровье

3 ответа

Решение

Если вы посмотрите на документацию jQuery:

$(function () {
    // Everything here will be called AFTER the DOM is loaded
    // So it will be called after your widget is loaded
    // but it will wait that your whole page is loaded.
});

Но теперь, если вы хотите, чтобы код Javascript выполнялся сразу после того, как виджет был готов и не ожидал загрузки всей страницы, единственный (правильный) способ, который я знаю, - это создать виджет через Javascript с некоторыми манипуляциями с DOM. И, делая это, вы можете использовать код, указанный @Robbert.

Затем, если вы не возражаете против плохого кода, вы можете сделать javscript сразу после HTML-виджета, но это ужасно неправильно, и я не рекомендую вам это делать.

<div class="widget">
    <!-- Your widget html code -->
</div>
<script>
    // your JS code
</script>

Основываясь на трех приведенных решениях, я бы порекомендовал вам создать виджет непосредственно из javascript. Это лучше, не навязчиво, и вам не нужно ждать загрузки всей страницы.

Вы можете просто добавить свой JavaScript после этого виджета и не иметь события загрузки

Попробуйте что-то вроде

widget_function()

$(document).ready(

other JS
)

просто сделайте виджет за пределами документа. Уже тогда он будет загружен до вашего HTML

Другие вопросы по тегам