сделать colorbox работающим до завершения загрузки страницы - PullRequest
Новая
       29

сделать colorbox работающим до завершения загрузки страницы

1 голос
/ 15 августа 2011

У меня есть следующий фрагмент кода на странице HEAD: 

    <script  type="text/javascript">        
$(document).ready(function(){
    $(".open_popup_clips").colorbox({width:"520px",height:"480px", iframe:true});       
});
</script>

в результате всплывающее окно будет корректно открываться только после завершения загрузки страницы, до этого оно
откроет ссылку в окне браузера обычным способом.
способ сделать ссылки открытыми до того, как страница полностью загрузится. я попытался поместить этот блок кода в ТЕЛО, но это не сработало ..
Конечно, лучше всего было бы ускорить процесс загрузки, но давайте пока оставим это в стороне.

спасибо за любой повтор и хорошего дня: -)

Ответы [ 2 ]

1 голос
/ 17 августа 2011

Ответ Адама, как правило, хороший совет, но он не поможет с текущей версией colorbox, потому что он ждет загрузки DOM, прежде чем добавить свою разметку в ваш документ.Чтобы запустить его раньше (скажем, сразу после элементов, с которыми вы хотите использовать colorbox), вам нужно будет внести небольшие изменения в файл jquery.colorbox.js.Закомментируйте следующую строку следующим образом: 

// $(publicMethod.init);

Затем вручную вызовите init (), когда будете готовы инициализировать colorbox.Пример: 

<a href='1.jpg' class='example'>1</a>
<a href='2.jpg' class='example'>2</a>
<a href='3.jpg' class='example'>3</a>
<script>
  $.colorbox.init();
  $('a.example').colorbox();
</script>
1 голос
/ 15 августа 2011

Здесь есть два варианта:

Во-первых, разместите свой код JavaScript в нижней части вашего тела без document.ready.Это будет быстрее, чем document.ready привязка.

Во-вторых, разместите свой код JavaScript прямо под элементом, для которого вы вызываете colorbox.Это немного более грязно, но будет вызываться сразу после добавления элемента в DOM, и это ваш самый быстрый вариант.

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

Если вы хотите отправиться в Scaryville, проверьте это: http://javascriptisawesome.blogspot.com/2011/07/faster-than-jquerydocumentready-wait.html Если честно, я раньше не пробовал.

...