Forum PHP.pl > [JavaScript]Glupi problem z jquery ;)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Glupi problem z jquery ;)

kapuch

6.06.2010, 18:34:30

Witam.
Mam dziwny problem z drobnym skryptem jquery, mianowicie skrypt tak jakby sie zacina.
Chcialem osiagnac taki efekt, ze z boku strony mam zakladki, po najechaniu myszka maja sie wysuwac i chowac (jak "opuszczam" kursorem diva).
Wszystko niby OK, ale gdy szybko przejade myszka przez te zakladki, to niektore "zacinaja" sie, czyli otwieraja - > zamykaja -> otwieraja -> zamykaja.
Czasami kilka razy pod rzad, a najczesciej dwa razy - nie wiem co jest grane, bo nieraz nawet przy zwyklym najechaniu myszka zacina sie.
Niestety nie moge podac linku do strony, bo pracuje na localhoscie, ale ten skrypt wkleje.
Nie wiem jak sobie z tym poradzic.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("div.zakladka").mouseenter(function() {
	$(this).animate({"left": "0px"}, "1500", function() {/* tu by wypadalo cos wstawic (jakas blokade), ale nie mam pojecia jaka */ });
	}).mouseleave(function(){
    $(this).animate({"left": "-200px"}, "fast", function() {/* tu by wypadalo cos wstawic (jakas blokade), ale nie mam pojecia jaka */ });
  });
});
[JAVASCRIPT] pobierz, plaintext

css:

[CSS] pobierz, plaintext 
.zakladka {
	position: absolute;
	left: -200px;
	width: 220px;
	height: 50px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999px;
}
.zakladka#zak1 {
	top: 100px;
	background:#000 url(zak1.jpg) no-repeat right;
}
.zakladka#zak2 {
	top: 155px;
	background:#000 url(zak2.jpg) no-repeat right;
}
.zakladka#zak3 {
	top: 210px;
	background:#000 url(zak3.jpg) no-repeat right;
}
[CSS] pobierz, plaintext

no i html:

[HTML] pobierz, plaintext 
<div class="zakladka" id="zak1"><p>Pierwsza zakladka</p></div>
<div class="zakladka" id="zak2"><p>Druga zakladka</p></div>
<div class="zakladka" id="zak3"><p>Trzecia zakladka</p></div>
[HTML] pobierz, plaintext

Czasami jak szybko przeskocze myszka z jednej zakladki na druga i spowrotem, to ta zakladka otwiera sie i zamyka w nieskonczonosc

EDIT:
No i drugi glupi problem, tym razem z PHP.
Jeszcze do niedawna to mi dzialalo:

[PHP] pobierz, plaintext 
header("Location: ".$_SERVER['HTTP_REFERER']);
[PHP] pobierz, plaintext

a teraz juz nie dziala, ale za to dziala to:

[PHP] pobierz, plaintext 
header("Refresh: 0; url=".$_SERVER['HTTP_REFERER']);
[PHP] pobierz, plaintext

Jakies cuda dzisiaj u mnie sie dzieja - nie moj dzien widocznie

neuroine

6.06.2010, 19:36:40

Wydaje mi się, że w miejsce :

[JAVASCRIPT] pobierz, plaintext 
$(this).animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext

powinno być :

[JAVASCRIPT] pobierz, plaintext 
$(this).stop().animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext

kapuch

6.06.2010, 21:28:43

Cytat(neuroine @ 6.06.2010, 20:36:40 )

Wydaje mi się, że w miejsce :

[JAVASCRIPT] pobierz, plaintext 
$(this).animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext

powinno być :

[JAVASCRIPT] pobierz, plaintext 
$(this).stop().animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext

Hehe chyba dalo rade, potestuje jeszcze przez jakis czas, ale juz widac efekty - dobrze Ci sie wydawalo

Wstawilem to przy onmouseenter i przy onmouseleave. Teraz mam tak i smiga!:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("div.zakladka").mouseenter(function() {
	$(this).stop().animate({"left": "0px"}, "1500", function() {});
	}).mouseleave(function(){
    $(this).stop().animate({"left": "-200px"}, "fast", function() {});
  });
});
[JAVASCRIPT] pobierz, plaintext

Dzieki za pomoc!

PS.
A co do drugiego pytania - tzn. header() ?

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.