Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]jQuery działa wybiórczo na stronie
el Santiago
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 31.08.2007

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


Na stronie mam poprawnie dodany plik jQuery.

Jesli wrzucę (z pamięci piszę, nie ma to znaczenia):


$().ready( function(){ alert("echoo...")} ); - działa

$().click( ... jak wyżej... ) - działa

$(div).click( .... jak wyżej... ) - działa

Ale jeśli w divie mam tabelkę, a w niej select i pole option, które po najechaniu (docelowo, nie działa, więc wybieram "kliknięcie") ma ukazać ukryty do tej pory div na dole strony:

<select><option id="KliknijMnie">próba
$(#KliknijMnie).click( function(){$("#ukrytyDiv").show()} ) - nie działa
docelowo: $(#KliknijMnie).hover( .... jak wyżej... ) - nie działa

Nawet gdy w tabeli zrobię "a" ktory po najechaniu, kliknięciu lub cokolwiek ma pokazywać ukryty div:

[Teraz #KliknijMnie to <a href="#" id="KliknijMnie">]
$(#KliknijMnie).click( function(){$("#ukrytyDiv").show()} ) - nie działa


Dlaczego jQuery działa wybiórczo? Co pominąłem aby się dobrać do dowolnego elementu na stronie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
tehaha
post
Post #2





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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


problem nie leży w kodzie tylko w metodzie hover(), kod z hover działa pod FF, ale może nie działać pod innym przeglądarkami np. widzę że w opera i IE nie działa

tu masz trochę o tym napisane http://www.designend.net/blog-webmastera,d...-hover-w-jquery

ale najlepiej będzie jak sobie podarujesz hover i zrobić np. z change()

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
  2.  
  3. <select name="x" id="z" style='margin-bottom:70px;'>
  4. <option value="no">Brak</option>
  5. <option value="uno">Jeden</option>
  6. <option value="duo">Dwa</option>
  7.  
  8.  
  9. <div class='hidden' id="box-no">Brak!</div>
  10. <div class='hidden' id="box-uno">Jeden - opis</div>
  11. <div class='hidden' id="box-duo">Opis drugiego...</div>
  12.  
  13. <script type="text/javascript">
  14. $(document).ready(function()
  15. {
  16. $('.hidden').css('display', 'none');
  17.  
  18. $('#z').change(function()
  19. {
  20. $('.hidden').css('display', 'none');
  21. $('#box-'+$(this).val()).css('display', 'block');
  22. });
  23.  
  24. });
  25.  
Go to the top of the page
+Quote Post

Posty w temacie


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: 3.10.2025 - 02:31