Forum PHP.pl > [JavaScript]Flip! jquery plugin

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Flip! jquery plugin - Problem.

badowl

23.01.2012, 20:58:01

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 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Nie gódź się na zabijanie dzieci!</title>
</head>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="jquery.flip.js"></script>
<script type="text/javascript" src="js.js"></script>
<body>
<div id="kontener">
	<div id="menu">
    <a href="#" id="glo"><img src="glowna.png" /></a>
    <a href="#" id="abo"><img src="artykuły.png" /></a>
    <a href="#" id="gal"><img src="galeria.png" /></a>
    <a href="#" id="slo"><img src="kontakt.png" /></a>
    </div>
    <div id="tresc">
    <img src="images/s2.png" />
    </div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

js.js

[HTML] pobierz, plaintext 
$('#glo').click(
	function() {
		$('#flipbox').flip({
			direction:'tb',
			content:'<img src="images/s1.png" />'
		})
});
 
[HTML] pobierz, plaintext

jaslanin

23.01.2012, 21:07:27

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

badowl

23.01.2012, 21:09:44

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

lobopol

23.01.2012, 21:20:25

To daj całość w

[JAVASCRIPT] pobierz, plaintext 
$(function(){
$('#glo').click(
	function() {
		$('#flipbox').flip({
			direction:'tb',
			content:'<img src="images/s1.png" />'
		})
});
})
[JAVASCRIPT] pobierz, plaintext

badowl

23.01.2012, 21:22:05

Dalej to samo.... nic...

lobopol

23.01.2012, 21:26:50

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

badowl

24.01.2012, 07:02:23

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 ;/

lobopol

24.01.2012, 17:57:26

umieść całość na jsfiddle

badowl

24.01.2012, 22:00:45

Proszę http://jsfiddle.net/yw6PA/1/

lobopol

25.01.2012, 06:52:47

Ale już podpiąć flipa to nie mogłeś?

badowl

25.01.2012, 15:32:45

Zapomniałem. http://jsfiddle.net/PZARz/ prosze. tutaj wszystko dziala... dlaczego u mnie jest inaczej?

lobopol

25.01.2012, 16:42:16

U siebie powinieneś mieć:

[HTML] pobierz, plaintext 
$(function(){
$('#glo').click(
    function() {
        $('#tresc').flip({
            direction:'tb',
            content:'tresc po flipie'
        })
})
})
[HTML] pobierz, plaintext

badowl

25.01.2012, 21:39:16

wielkie dzięki!!!

działa

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.