Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] $document.ready() działa dopiero po załadowaniu całej strony
wdev
post
Post #1





Grupa: Zarejestrowani
Postów: 86
Pomógł: 20
Dołączył: 20.01.2010

Ostrzeżenie: (0%)
-----


Witajcie,

Siedzę już od paru godzin nad jednym problemem i nie potrafię znaleźć wytłumaczenia.

Generalnie chodzi o to, że skrypt jQuery czeka na załadowanie wszystkich plików. Skrypt ma tworzyć galerię z ligthboxem, więc zanim się załadują się wszystkie obrazki będące linkami naciśnięcie na któryś już załadowany działa jak normalny link. Natomiast po załadowaniu się całej strony ligthbox uruchamia się prawidłowo. Próbowałem dodać wcześniej osobny skrypt, który blokuje linki, ale on również czeka na załadowanie całej strony.

Link do strony z problemem rumin.eu.
Wersja jQuery - 1.4.4.

Z góry dzięki za porady.


--------------------
-wdev-
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
sunpietro
post
Post #2





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


właśnie na tym polega kwintesencja $document.ready() że uruchomi się on dopiero po załadowaniu się strony


--------------------
Go to the top of the page
+Quote Post
wdev
post
Post #3





Grupa: Zarejestrowani
Postów: 86
Pomógł: 20
Dołączył: 20.01.2010

Ostrzeżenie: (0%)
-----


Z tego co wiem, to document.ready() powinien się uruchamiać po załadowaniu DOM-u, czyli de facto samego pliku html. Na załadowanie całej strony powinno czekać window.load(). Jeśli jednak nie document.ready(), to jak powinienem uruchomić skrypt:
[JAVASCRIPT] pobierz, plaintext
  1. (function($){
  2. $(document).ready(function(){
  3. $('.lightboxgallery').each(function(){
  4. $('a[rel=lightboxgallery]', this).lightBox({
  5. overlayBgColor: '#000',
  6. overlayOpacity: '0.8',
  7. imageLoading: '/modules/mod_lightboxgallery/js/../img/lightbox-ico-loading.gif',
  8. imageBtnNext: '/modules/mod_lightboxgallery/js/../img/lightbox-btn-next.png',
  9. imageBtnPrev: '/modules/mod_lightboxgallery/js/../img/lightbox-btn-prev.png',
  10. imageBtnClose: '/modules/mod_lightboxgallery/js/../img/lightbox-btn-close.png',
  11. imageBlank: '/modules/mod_lightboxgallery/js/../img/lightbox-blank.gif'
  12. });
  13. });
  14. });
  15. })(jQuery);
[JAVASCRIPT] pobierz, plaintext

żeby ruszył dopiero na wybranych tagach obrazków? Bo rozwiązanie z umieszczeniem <script> pod wszystkimi obrazkami wydaje mi się tylko półśrodkiem.

Ten post edytował wdev 9.01.2011, 12:21:58


--------------------
-wdev-
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 21:38