- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- caricare contenuti nidificati jquery
-
caricare contenuti nidificati jquery
Ciao a tutti,
ho una funzione in javascript per far apparire un contenuto a seconda del tasto che io clicco.
cliccando su "primo" mi appare "pulsante per terza" .. cliccando su quest'ultimo nella terza colonna mi dovrebbe apparire un altro contenuto..... perchè non lo fa ?[PHP]<html>
<head>
<title>jQuery test page</title>
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">
$(document).ready(function() {
$("#changeText").click(function() {
$("#terzo").html("My text is changed!");
});$("#changeText2").click(function() {
$("#secondo").html('seconda colonna');
});$("#changeText4").click(function() {
$("#terzo").html('terza colonna');
});$("#changeText3").click(function() {
$("#secondo").html('<a id="changeText4">pulsante per terza</a>');});
});
</script></head>
<body><div id="menu" style="float:left; width:800px; height:100px;">
<div id="primo" style="float:left; width:200px; height:100px;">
<a id="changeText3">primo</a><br>
<a id="changeText2">secondo</a><br></div>
<div id="secondo" style="float:left; width:200px; height:100px;"></div>
<div id="terzo" style="float:left; width:200px; height:100px;"></div>
<div id="quarto" style="float:left; width:200px; height:100px;"></div>
</div>
</body>
</html>[/PHP]
-
Può darsi perché l'elemento con id="changeText4" non esiste nell'albero DOM finché non si fa click sull'elemento con id="changeText3". Prova a spostare il binding all'evento click per changeText4 all'interno di changeText3.
$("#changeText3").click(function() { $("#secondo").html('<a id="changeText4">pulsante per terza</a>'); $("#changeText4").click(function() { $("#terzo").html('terza colonna'); }); });
Se ho ben capito cosa vuoi fare...
-
Perfetto,
è quello che volevo!
Se io adesso volessi aggiungere un effetto di fadeIn/show all'apparizione del menu, in più in alucne voci dovrebbero scomparire tutti i div caricati altrimenti rimangono sempre fuori, come posso fare ?
Ho provato ad aggiungere nel codice nell'effetto ma alcuni vanno altri no...[PHP]<script type="text/javascript">
$(document).ready(function() {
$("#changeText").click(function() {
$("#terzo").html("My text is changed!");
});$("#changeText2").click(function() {
$("#secondo").html('seconda colonna');
$("#terzo").fadeOut('300');});
$("#changeText4").click(function() {
$("#terzo").html('terza colonna');
});$("#changeText3").click(function() {
$("#secondo").html('<a id="changeText4">pulsante per terza</a>'); $("#changeText4").click(function() { $("#terzo").show('300'); $("#terzo").html('terza colonna'); }); });
});
</script> [/PHP]
-
Scusa, non so risponderti, perché non mi è ben chiaro cosa vuoi ottenere e come deve funzionare il tutto.
-
Ciao,
praticamente vorrei fare un menu, a comparsa con i div, se vuoi te lo posso fare in flash per farti vedere cosa intendo.
Clicco su una voce e si carica un div, clicco su un'altra e si carica altro div, naturalmente scompare i div precedentemente caricati....Grazieee!
-
Ecco qui ti posso mettere un esempio
pette.it/forum/menu_t.png
È un sito dove ho postato l'immagine.
Grazie