Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][jQuery], problem z ie :P
Hpsi
post
Post #1





Grupa: Zarejestrowani
Postów: 483
Pomógł: 50
Dołączył: 15.03.2005
Skąd: Poznań

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


Witam mam problem z ie chodzi o funkcje animate. Oczywiście jedyną oporną przeglądarką jest ie...
mam sobie kod.

Pierwsza część animate na menu wchodzi bez problemu. Problem następuje jednak po najechaniu na li w menu. Na każdej przeglądarce ładnie rozszerza menu powodująca ładną animacje + zmiana koloru. Natomiast na IE (sprawdzam na IE 9) tylko i wyłącznie zmienia kolor. W czym może być problem?
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function()
  2. {
  3. $('#menu').animate({
  4. width: "249px"
  5. }, "slow");
  6.  
  7. $('#menu > ul > li').mouseover ( function() {
  8. var index = $("#menu > ul > li").index(this);
  9. $('#menu > ul > li').eq(index).css('background', '#a5b810');
  10. $('#menu > ul > li').eq(index).animate({width: "269px"}, "fast");
  11. });
  12.  
  13. $('#menu > ul > li').mouseout ( function() {
  14. var index = $("#menu > ul > li").index(this);
  15. $('#menu > ul > li').eq(index).css('background', '#968fb0');
  16. $('#menu > ul > li').eq(index).animate({width: "249px"}, "fast");
  17. });
  18. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
Rid
post
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Nie wiem czy to zadziała ,ale zmianę szerokości także można by spróbować zmienić w css.

$('#menu > ul > li').eq(index).css.animate({width: "269px"}, "fast");
Go to the top of the page
+Quote Post
Hpsi
post
Post #3





Grupa: Zarejestrowani
Postów: 483
Pomógł: 50
Dołączył: 15.03.2005
Skąd: Poznań

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


W ten sposób nigdzie nie działa (IMG:style_emoticons/default/tongue.gif)

Kombinuje z tym i zauważyłem, iż problem jest z nadpisaniem wielkości "width" , jak zrobiłem np animate height to normlanie bez problemowo działa
Go to the top of the page
+Quote Post
Rid
post
Post #4





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


To może usunąć atrybut width przed wywołaniem funkcji animate,ale nie wiem jak to się będzie sprawdzać.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 14:07