Autorius Tema: .show funkcija kažkodėl neveikia (Skaityta 232 kartus)

Tautvydas · « **Įrašytas:** 2014-05-16 00:21:46 am »

Nesuprantu, kas čia negerai. Skaičiau visas tas funkcijas, na atrodo veikimas toks. Net ir šalių option'uose abu values uždedu "anglija" , kad betkada pakeitus pasirinkimą parodytų nerodomą elementą ir neveikia...

Kodas: [Pasirinkti]

<script>
				$('#salis').change(function(){
				  if($(this).val() == 'anglija'){ // or this.value == 'volvo'
					$( "#miestas" ).show( "slow" );
				  }
				});
				</script>

<select id="salis" name="salis"> 		
		<option value="anglija">Anglija</option>
               <option value="anglija">Lietuva</option>
</select>

<select style='display:none;' id='miestas' name='miestas'>
	while ( $query = mysql_fetch_array($qu) ) {
		echo "<option value='".$query['id']."'>".$query['miestas']."</option>";
	}
</select>

Lukas Liesis · « **Atsakymas #1 Įrašytas:** 2014-05-16 07:13:23 am »

sumesk ka koda i http://jsfiddle.net/ pvz :/ sunku ziuret ka ten turi

Haris · « **Atsakymas #2 Įrašytas:** 2014-05-16 08:15:31 am »

Pataisiau tavo koda:

Kodas: [Pasirinkti]

<script>
	$('#salis').change(function(){
                // Cia gali bandyti debugginti su console.log();, nes gali buti, kad programa iki to .show() metodo tiesiog nedaeina
                console.log("onChange fired");
		if( $(this).val() == 'anglija' ){ // or this.value == 'volvo'
                        console.log("Match found");
			$( "#miestas" ).show( "slow" );
		}
	});
</script>

<select id="salis" name="salis"> 		
		<option value="anglija">Anglija</option>
               <option value="anglija">Lietuva</option>
</select>

<select style='display:none;' id='miestas' name='miestas'>
<!-- php koda reikia uzdaryti sitaip <?php ?> -->
<?php
	while ( $query = mysql_fetch_array($qu) ) {
		echo "<option value='" . $query['id'] . "'>" . $query['miestas'] . "</option>";
	}
?>
</select>

Dar pasitikrink console, gal Javascript klaidu yra. Isitikink ar jQuery yra uzkrautas ir ar apskritai funkcionuoja.
jQuery patikrinimui imesk toki koda kur nors:

Kodas: [Pasirinkti]

$(document).ready(function(){
    alert("jQuery veikia!");
});

Kitu atveju alert, net nevykdis.
Dar gali pabandyti imesti visa savo sita koda i:

Kodas: [Pasirinkti]

$(document).ready(function(){
    // Cia dek koda, kuri nori kad ivykditu pilnai uzkrovus html dokumenta 
});

Daugiau priezasciu neizvelgiu kodel gali neveikti.

Beje, konsole atsidaryti gali su F12 arba Inspect Elements ir tabas Console

Tautvydas · « **Atsakymas #3 Įrašytas:** 2014-05-16 12:37:48 pm »

jquery užkrautas yra, nes slideout'as veikia. Ten console.log tą panaudojau, tai atspausdino. O va šito net to change funkcijos neatidaro:

Kodas: [Pasirinkti]

<script>
					$('#salis').change(function(){
								// Cia gali bandyti debugginti su console.log();, nes gali buti, kad programa iki to .show() metodo tiesiog nedaeina
								console.log("onChange fired");
						if( $(this).val() == 'anglija' ){ // or this.value == 'volvo'
										console.log("Match found");
							$( "#miestas" ).show( "slow" );
						}
					});
</script>

Tai kaip suprantu problema:

$('#salis').change(function()

Tai gal kažkaip reikia dar mažymėti tuos option, o ne tik select?

Kodas: [Pasirinkti]

 <select  id='salis' name='salis'>
		<option value='anglija'>Lietuva</option><option value='anglija'>Anglija</option>				
</select>

Manualai.lt Forumas · « **Atsakymas #3 Įrašytas:** 2014-05-16 12:37:48 pm »

Tautvydas · « **Atsakymas #4 Įrašytas:** 2014-05-16 12:46:18 pm »

Radau problemą. Šitas turėjo eiti žemiau nei html'as. O klausimas, kodėl?

Tam pačiam lape yra:

   <script type="text/javascript">
         $(document).ready(function(){
            $("#mygtukas").click(function(){
               console.log("mygtukas fired");
               $("#turinys").slideToggle();
            });
         });
         </script>

ir jis parašytas aukščiau už tuos mygtukas ir turinys div'us.

O va ta .change funkcija jau turi būti ŽEMIAU, nei tie aprašyti div'ai

Haris · « **Atsakymas #5 Įrašytas:** 2014-05-17 09:25:35 am »

Nes kai ta funkcija buvo virs html'o, tai pirmiau ta funkcija uzkrove ir uzkraunant funkcija nebuvo rastas tavo nurodytas html objektas, nes html dar neuzkrautas(nuo virsaus i apacia vykdomos programos), tai reiskia, kad jQuery nerado kam duoti ta change event'a, nes kaip minejau html'as dar neuzkrautas, ir change funkcija paliko tiesiog nenaudojama.
Norint isvegti sito yra du variantai: javascripta rasyti dokumento apacioje arba tokius eventus ideti i $(document).ready(); funkcija, siuo atveju gali javascripta rasyti kur nori.

Aiskiau?

Tautvydas · « **Atsakymas #6 Įrašytas:** 2014-05-17 10:22:34 am »

Taip, dabar jau aišku. Tai tą document ready funkciją reiks naudoti, nes nepatinka į galą viską nukelti.

Ačiū

Haris · « **Atsakymas #7 Įrašytas:** 2014-05-17 10:30:47 am »

Nenepatinka, o tiesiog reikia pirma, kad uzkrautu DOM, kad javascript galetu manipuliuoti html objectais. ta ready() funkcija tiesiog palaukia kol documentas pilnai uzkrautas ir po to tik vykdo visas funkcijas.

EDIT: netaip supratau tavo zinute paskutine

Taip, ready() visada reikes naudoti, jeigu nori virsuje eventu funkcijas(click, change, hover....) rasyti.

Manualai.lt Forumas · « **Atsakymas #7 Įrašytas:** 2014-05-17 10:30:47 am »

Manualai.lt Forumas

Naujienos: