Forum PHP.pl > [JavaScript]Działania na zmiennych

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Działania na zmiennych

LewyM1

9.09.2011, 12:54:30

Witam. Nie dawno przeczytałem kurs jQuery i nie zostały w nim opisane działania na zmiennych. Mógłby mi ktoś wytłumaczyć to, szukałem w GOOGLE, ale nic ciekawego nie znalazłem. Jest w ogóle taka możliwość? Czekam na odpowiedź. Pozdrawiam.

nospor

9.09.2011, 13:00:52

Działania na zmiennych? A co masz na myśli? zmienne generalnie do jQuery nic nie mają - zmiennę są w js.

phpion

9.09.2011, 13:01:33

Przeczytaj pierwszy-lepszy kurs JavaScript + http://docs.jquery.com/Types

LewyM1

9.09.2011, 13:22:27

Działania w JavaScript, reszta w jQuery (pomyłka). Mam coś takiego:

[HTML] pobierz, plaintext 
var min_liczba = 1;
var max_liczba = 3;
var liczba = 1;
if (liczba !== min_liczba) {
	$("#left").click(function(){
		$(".element").animate({"left": "+=250px"}, "slow");
		liczba++;
	});
}
if (liczba !== max_liczba) {
	$("#right").click(function(){
		$(".element").animate({"left": "-=250px"}, "slow");
		liczba--;
	});
}
[HTML] pobierz, plaintext

Działania w 7 i 13 linijce nie działają. Może gdzieś popełniłem błąd?

luckyps

9.09.2011, 13:25:36

operatory js

nospor

9.09.2011, 13:28:25

Coś ci się pomieszało. A niby jak ma działać jak
1) Dajesz warunki
if (liczba !== min_liczba) {
Przecież on nigdy nie jest spelniony.
2)
Dodatkowo warunkowo przypinasz zdarzenie click. Czyli nawet jeśli warunek by pozwolił na podpiecie zdarzenia, to zadziala dopiero jak klikniesz

LewyM1

9.09.2011, 13:40:34

@luckyps, dzięki, właśnie tego szukałem.
@flashdev, poniżej jest cały kod.
@nospor, Nie będzie działać jak zmienna liczba = 2?

Tak wygląda cały kod, już po podpowiedziach.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
.slider {
	float: left;
	position: relative;
	overflow: hidden;
	height: 150px;
	width: 250px;
}
.slider ul {
	list-style-type: none;
	position: absolute;
	clear: both;
	overflow: hidden;
	width: 750px;
}
 .slider ul li {
	float: left;
	width: 250px;
	height: 150px;
}
</style>
<title>Slider</title>
</head>
<body>
<div class="slider">
<ul class="element">
<li>
<p>BLabla</p>
</li>
<li>
<p>BLabla2</p>
</li>
<li>
<p>BLabla3</p>
</li>
</ul>
</div>
<button id="left">&larr;</button><button id="right">&rarr;</button>
<script>
var min_liczba = 1;
var max_liczba = 3;
var liczba = 1;
$("#left").click(function(){
	if (liczba !== min_liczba) {
		$(".element").animate({"left": "+=250px"}, "slow");
		liczba = liczba++;
	}
});
$("#right").click(function(){
	if (liczba !== max_liczba) {
		$(".element").animate({"left": "-=250px"}, "slow");
		liczba = liczba--;
	}
});
</script>
</body>
</html>
[HTML] pobierz, plaintext

nospor

9.09.2011, 13:48:11

Cytat

@nospor, Nie będzie działać jak zmienna liczba = 2?

Wiesz, teraz zmienieś kod

Nie mniej jednak masz dziwną logikę tego skryptu

if (liczba !== max_liczba) {
liczba--

Na dzien dobry jest liczba =1 wiec klikając w prawy liczba będzie zmniejszana, czyli bedzie 0, -1, -2

LewyM1

9.09.2011, 14:00:29

Mój błąd, poprawiłem, ale działanie dalej nie działa.

nospor

9.09.2011, 14:03:02

Za bardzo nie wiem co poprawiles.
Bo jesli masz na mysli to:
liczba--
na
liczba = liczba--
to jest bez sensu poprawa.
liczba-- samo w sobie jest ok.
Chodzi o logikę, którą wyjaśniłem ci w poprzednim poście.

LewyM1

9.09.2011, 14:06:24

Problem rozwiązany, strona w3schools wprowadziła mnie w błąd

Cytat

x=y++

. Dziękuję nospor za pomoc.

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.