Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]jQuery działa wybiórczo na stronie
Forum PHP.pl > Forum > Przedszkole
el Santiago
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?
tehaha
nic nie działa wybiórczo, wklej cały kod i napisz co chcesz zrobić a nie jakieś wywody
el Santiago
  1. <select name="x" id="z">
  2. <option value="0" id="no">Brak
  3. <option value="1" id="uno">Jeden
  4. <option value="2" id="duo">Dwa

Oraz:
  1. <div id="box-no">Brak!</div>
  2. <div id="box-uno">Jeden - opis</div>
  3. <div id="box-duo">Opis drugiego...</div>


Chcę aby divy były ukryte do momentu najechania myszą na opcję 0, 1, 2... Po najechaniu odpowiedni box się pojawia. Mają zawierać objaśnienia wybranych opcji.

  1. $(#uno).hover( function(){$("#box-uno").show()} )
nie działa.
Ani żadne wariacje (zamiast hover: click, etc.).
Jeśli chcę sprawdzić działanie jQuery w ogóle np. za pomocą ogólnego:
  1. $().ready( function(){ alert("echoo...")} );
to zadziała.
Nie obsługuje po prostu option.
Piogola
  1. <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  2.  
  3. <select name="x" id="z">
  4. <option value="no">Brak
  5. <option value="uno">Jeden
  6. <option value="duo">Dwa
  7.  
  8.  
  9. <div id="box-no">Brak!</div>
  10. <div id="box-uno">Jeden - opis</div>
  11. <div id="box-duo">Opis drugiego...</div>
  12.  
  13. <script type="text/javascript">
  14. $('#z').change(function(){
  15. $('#box-'+this.value).hide();
  16. });
el Santiago
Nie działa - nawet taka funkcja:
Kod
$('#z').hover(function(){
            alert('test');
        });

Nawet gdy zamiast hover, podłożę click czy cokolwiek innego. Z wyjątkiem: ready, wtedy wyskoczy alert.
tehaha
  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 option').hover(function()
  19. {
  20. $('.hidden').css('display', 'none');
  21. $('#box-'+$(this).val()).css('display', 'block');
  22. });
  23.  
  24. });
  25.  
  26.  
  27.  


u mnie działa więc u Ciebie też musi
el Santiago
Nie działa.
Nawet gdy wpakuję dokładny Twój kod w html [bez żadnej edycji]. Gdzieś literówka, coś...?
tehaha
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.  
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.