Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Flip! jquery plugin - Problem.
badowl
post
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Witam, mam problem z pluginem Flip!. Może ktoś już z niego korzystał. Otóż z niewyjaśnionych przyczyn nie chce działać na poniższym przykładzie.
Wie ktoś dlaczego?


index.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Nie gódź się na zabijanie dzieci!</title>
  6. </head>
  7. <link rel="stylesheet" href="style.css" />
  8. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  9. <script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script>
  10. <script type="text/javascript" src="jquery.flip.js"></script>
  11. <script type="text/javascript" src="js.js"></script>
  12. <body>
  13. <div id="kontener">
  14. 	<div id="menu">
  15.     <a href="#" id="glo"><img src="glowna.png" /></a>
  16.     <a href="#" id="abo"><img src="artykuły.png" /></a>
  17.     <a href="#" id="gal"><img src="galeria.png" /></a>
  18.     <a href="#" id="slo"><img src="kontakt.png" /></a>
  19.     </div>
  20.     <div id="tresc">
  21.     <img src="images/s2.png" />
  22.     </div>
  23. </div>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


js.js
[HTML] pobierz, plaintext 
  1. $('#glo').click(
  2. 	function() {
  3. 		$('#flipbox').flip({
  4. 			direction:'tb',
  5. 			content:'<img src="images/s1.png" />'
  6. 		})
  7. });
  8.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
jaslanin
post
Post #2





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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

ten kod js jest uruchamiany po załadowaniu DOM tj. http://api.jquery.com/ready/ ?

Ten post edytował jaslanin 23.01.2012, 21:07:44
Go to the top of the page
+Quote Post
badowl
post
Post #3





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Nie. Wszystko co jest potrzebne do dzialania pluginu jest załączone. http://lab.smashup.it/flip

Ten post edytował badowl 23.01.2012, 21:13:46
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

To daj całość w 
[JAVASCRIPT] pobierz, plaintext 
  1. $(function(){
  2. $('#glo').click(
  3. 	function() {
  4. 		$('#flipbox').flip({
  5. 			direction:'tb',
  6. 			content:'<img src="images/s1.png" />'
  7. 		})
  8. });
  9. })
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
badowl
post
Post #5





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Dalej to samo.... nic...
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Daj to na jsfiddle?
Ja tam nigdzie id flipbox nie widzę.

Ten post edytował lobopol 23.01.2012, 21:27:58
Go to the top of the page
+Quote Post
badowl
post
Post #7





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Jak widać w pliku index.html wszystko jest dodane. Nie działa ;/

Mój błąd... zmieniłem na #tresc ale dalej nie działa ;/
Go to the top of the page
+Quote Post
lobopol
post
Post #8





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

umieść całość na jsfiddle
Go to the top of the page
+Quote Post
badowl
post
Post #9





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Proszę http://jsfiddle.net/yw6PA/1/
Go to the top of the page
+Quote Post
lobopol
post
Post #10





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Ale już podpiąć flipa to nie mogłeś?
Go to the top of the page
+Quote Post
badowl
post
Post #11





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

Zapomniałem. http://jsfiddle.net/PZARz/ prosze. tutaj wszystko dziala... dlaczego u mnie jest inaczej?
Go to the top of the page
+Quote Post
lobopol
post
Post #12





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

U siebie powinieneś mieć:
[HTML] pobierz, plaintext 
  1. $(function(){
  2. $('#glo').click(
  3.     function() {
  4.         $('#tresc').flip({
  5.             direction:'tb',
  6.             content:'tresc po flipie'
  7.         })
  8. })
  9. })
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
badowl
post
Post #13





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

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

wielkie dzięki!!! (IMG:style_emoticons/default/smile.gif) działa (IMG:style_emoticons/default/smile.gif)

Ten post edytował badowl 25.01.2012, 21:39:40
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.08.2025 - 18:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn