[JavaScript]jQuery działa wybiórczo na stronie Opcje

[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]

[HTML] pobierz, plaintext 
<select name="x" id="z">
<option value="0" id="no">Brak
<option value="1" id="uno">Jeden
<option value="2" id="duo">Dwa
</select>
[HTML] pobierz, plaintext 

Oraz:

[HTML] pobierz, plaintext 
<div id="box-no">Brak!</div>
<div id="box-uno">Jeden - opis</div>
<div id="box-duo">Opis drugiego...</div>
[HTML] pobierz, plaintext 

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.

[XML] pobierz, plaintext 
$(#uno).hover( function(){$("#box-uno").show()} )
[XML] pobierz, plaintext 

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:

[XML] pobierz, plaintext 
$().ready( function(){ alert("echoo...")} );
[XML] pobierz, plaintext 

to zadziała.
Nie obsługuje po prostu option.

[Piogola]

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
 
<select name="x" id="z">
<option value="no">Brak
<option value="uno">Jeden
<option value="duo">Dwa
</select>
 
 
<div id="box-no">Brak!</div>
<div id="box-uno">Jeden - opis</div>
<div id="box-duo">Opis drugiego...</div>
 
<script type="text/javascript">
$('#z').change(function(){
	$('#box-'+this.value).hide();
});
</script>
[HTML] pobierz, plaintext 

[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]

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
 
<select name="x" id="z" style='margin-bottom:70px;'>
<option value="no">Brak</option>
<option value="uno">Jeden</option>
<option value="duo">Dwa</option>
</select>
 
 
<div class='hidden' id="box-no">Brak!</div>
<div class='hidden' id="box-uno">Jeden - opis</div>
<div class='hidden' id="box-duo">Opis drugiego...</div>
 
<script type="text/javascript">
$(document).ready(function()
{
    $('.hidden').css('display', 'none');
 
$('#z option').hover(function()
{
        $('.hidden').css('display', 'none');
	$('#box-'+$(this).val()).css('display', 'block');
});
 
});
 
</script>
 
 
[HTML] pobierz, plaintext 

u mnie działa więc u Ciebie też musi

Ten post edytował tehaha 11.02.2011, 19:36:27

[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()

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
 
<select name="x" id="z" style='margin-bottom:70px;'>
<option value="no">Brak</option>
<option value="uno">Jeden</option>
<option value="duo">Dwa</option>
</select>
 
 
<div class='hidden' id="box-no">Brak!</div>
<div class='hidden' id="box-uno">Jeden - opis</div>
<div class='hidden' id="box-duo">Opis drugiego...</div>
 
<script type="text/javascript">
$(document).ready(function()
{
    $('.hidden').css('display', 'none');
 
$('#z').change(function()
{
        $('.hidden').css('display', 'none');
	$('#box-'+$(this).val()).css('display', 'block');
});
 
});
 
</script>
[HTML] pobierz, plaintext