Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] uruchomienie skryptu przy dynamicznej zmianie zawartości
Forum PHP.pl > Forum > Przedszkole
-Andrzej-
Witam, do tworzenia galerii zdjęć używam pluginu Fancybox do biblioteki jQuery.
Wszystko działo znakomicie dopóki nie spróbowałem wstawić zdjęć które mają być przetworzone przez plugin w pliki które ładuję do strony za pomocą jQuerowej funkcji load().

W ten sposób wywołuję funkcję load:
  1. <a href="#" onClick="$('#content').load('include/link1.html')">Link1</a>


W pliku w którym znajduję się powyższy kod oczywiście załączam pliki jQuery oraz Fancybox oraz następujący kod:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $("a.overlay").fancybox();
  4. });
  5. </script>

Tak wygląda plik link1.html
  1. <h1>Link1</h1>
  2. <div>
  3. <p>Quisque mollis ante sed elit tincidunt blandit sit amet lacinia ante. Cras ullamcorper, orci sed facilisis interdum, eros nunc facilisis enim, quis ornare dolor lorem vel elit.</p>
  4. <div class="gallery"><a class="overlay" href="./images/example.png"><img alt="example1" src="./images/example.png" /></a></div>
  5. </div>

Niestety obraz otwiera się normalnie w przeglądarce, bez wykonania skryptu Fancyboxa. Proszę o pomoc.
mortus
Musisz zastąpić odnośnik
  1. <a href="#" onClick="$('#content').load('include/link1.html')">Link1</a>

odnośnikiem np. o określonej klasie (tutaj click)
  1. <a href="#" class="click">Link1</a>

a zdarzenie onclick przypisać w skrypcie jQuery w taki sposób
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. $("a.click").live("click", function() {
  3. $('#content').load('include/link1.html');
  4. });
  5. $("a.overlay").fancybox();
  6. });
[JAVASCRIPT] pobierz, plaintext

I powinno działać.
-Andrzej-
Niestety dla treści ładowanej przez load() nadal nie działa, działa natomiast gdy wrzucę do dokumentu bezpośrednio link z klasa overlay.
mortus
Powinno już działać. Umieść projekt gdzieś online i podeślij link w tym temacie. Z tych fragmentów kodu ciężko wywnioskować, co i gdzie jest nie tak, jak trzeba.
Rid
Debugować firebugiem ,albo innym debugerem,aby wyłapać błąd.
-Andrzej-
Próbowałem rozwiązać problem sam, jednak mi się nie udało, wrzuciłem demo online; goo.gl/C2zGJ
-Andrzej-
Przez przypadek wstawiłem url bez tagów, Klikalny odnośnik
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.