jQuery problem

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
cannibal152
Δημοσιεύσεις: 11
Εγγραφή: 19 Αύγ 2008 19:24

jQuery problem

Δημοσίευση από cannibal152 » 22 Νοέμ 2012 14:09

Γεια σας παιδες,
επειδή τώρα ξεκινώ να μαθαίνω jQuery έχω κάποια προβλήματα..

έχω τον παρακάτω κώδικα

Κώδικας: Επιλογή όλων

	<div id="animate1" style="background-color&#58; red; border&#58; 1px solid white; height&#58; 40px; width&#58; 100px; display&#58; block;"></div>
	<div id="animate2" style="background-color&#58; blue; border&#58; 1px solid white; height&#58; 40px; width&#58; 100px; display&#58; block;"></div>
	<div id="animate3" style="background-color&#58; green; border&#58; 1px solid white; height&#58; 40px; width&#58; 100px; display&#58; block;"></div>

</body>

<script>
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123; 

    $&#40;"#animate1"&#41;.click&#40;function&#40;&#41; &#123; 
	
        if &#40;$&#40;"#animate1"&#41;.width&#40;&#41;==100&#41;
		&#123;
	        $&#40;"#animate2"&#41;.animate&#40;&#123; 
	            width&#58; "150px" 
	        &#125;, 3000, "easeOutSine"&#41;; 		
	        $&#40;"#animate3"&#41;.animate&#40;&#123; 
	            width&#58; "200px" 
	        &#125;, 4000, "easeOutBounce"&#41;; 
		&#125;
	else
		&#123;
			$&#40;"#animate2"&#41;.animate&#40;&#123; 
		            width&#58; "350px" 
		        &#125;, 3000, "easeOutSine"&#41;; 	
		&#125;	
		
	
	&#41;; 
&#125;&#41;; </script>
θέλω όταν κάνω κλικ στην εικόνα με το id animate1 και όταν αυτό έχει μέγεθος 100pixels τα animate 2 και animate 3 να μεγαλώνουν σε 150 και 200 pixels...

τι βλακεία έκανα στον κώδικα μου και δεν δουλεύει;

[/code]

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

jQuery problem

Δημοσίευση από burnmind » 22 Νοέμ 2012 14:36

Δεν κλείνεις σωστά τα brackets (συγκεκριμένα του click handler, χρειάζεται να κλείσει η παρένθεση).

Έπειτα, δοκίμασέ το πρώτα χωρίς το easing plugin για να βεβαιωθείς πως λειτουργεί, και το προσθέτεις μετά.

Τέλος, δεν αλλάζεις πουθενά το width του #animate1, οπότε το else δεν έχει ουσία.

ΥΓ: Το if θα μπορούσε να γραφτεί και ως: if ($(this).width()==100). Το αναφέρω μόνο και μόνο για να ψάξεις κάποια στιγμή τι είναι τα $(this) και this, και πως χρησιμοποιούνται, καθώς είναι πιθανό να τα χρειαστείς.

cannibal152
Δημοσιεύσεις: 11
Εγγραφή: 19 Αύγ 2008 19:24

jQuery problem

Δημοσίευση από cannibal152 » 23 Νοέμ 2012 15:18

Ευχαριστώ φίλος το έφτιαξα ;)

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης