Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] uruchomienie skryptu przy dynamicznej zmianie zawartości
--Andrzej--
post 14.09.2011, 15:06:11
Post #1





Goście







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.
Go to the top of the page
+Quote Post
mortus
post 14.09.2011, 15:54:01
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


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ć.
Go to the top of the page
+Quote Post
--Andrzej--
post 14.09.2011, 16:08:24
Post #3





Goście







Niestety dla treści ładowanej przez load() nadal nie działa, działa natomiast gdy wrzucę do dokumentu bezpośrednio link z klasa overlay.
Go to the top of the page
+Quote Post
mortus
post 14.09.2011, 16:13:18
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


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.

Ten post edytował mortus 14.09.2011, 16:13:44
Go to the top of the page
+Quote Post
Rid
post 14.09.2011, 16:16:37
Post #5





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Debugować firebugiem ,albo innym debugerem,aby wyłapać błąd.
Go to the top of the page
+Quote Post
--Andrzej--
post 16.09.2011, 15:03:57
Post #6





Goście







Próbowałem rozwiązać problem sam, jednak mi się nie udało, wrzuciłem demo online; goo.gl/C2zGJ
Go to the top of the page
+Quote Post
--Andrzej--
post 16.09.2011, 15:04:54
Post #7





Goście







Przez przypadek wstawiłem url bez tagów, Klikalny odnośnik
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 Wersja Lo-Fi Aktualny czas: 13.07.2025 - 12:38