- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- [Risolto] jquery draggable
-
[Risolto] jquery draggable
Ciao a tutti!
Sto provando a implementare la funzione draggable di jquery nel mio sito, ma nel momento in cui la inserisco tutto il resto di codice jquery non funziona...Sapete darmi una mano ?
Questo è il codice jquery```
<script type="text/javascript">jQuery(document).ready(function() { $('#contiente_linguette').draggable(); jQuery('.mover4').hide(); jQuery('.mover3').hide(); jQuery('.mover2').hide(); jQuery('.mover').hide(); jQuery('#linguetta').click(function(){ jQuery('.mover').slideToggle('1000'); }); jQuery('#linguetta_2').click(function(){ jQuery('.mover2').slideToggle('2000'); jQuery('.mover3').hide('2000'); jQuery('.mover4').hide('2000'); $('#contenutone').css('background' , 'url(images/filosofia.jpg) no-repeat'); }); jQuery('#linguetta_3').click(function(){ jQuery('.mover3').slideToggle('2000'); jQuery('.mover2').hide('2000'); jQuery('.mover4').hide('2000'); $('#contenutone').css('background' , 'url(images/ecosostenibile.jpg) no-repeat'); }); jQuery('#linguetta_4').click(function(){ jQuery('.mover4').slideToggle('2000'); jQuery('.mover2').hide('2000'); jQuery('.mover3').hide('2000'); $('#contenutone').css('background' , 'url(images/perche.jpg) no-repeat'); }); });
</script>
e questa una parte del codice html [PHP]<body> <!-- inizio corpo --> <div id="centrale"> <div id="offerte" class="mover"><img src="images/contenuto.png" width="960" height="200" /></div> <div id="contiene_navigazione"> <div id="logo"></div> <div id="linguetta"><img src="images/clicca_offerte.png" width="410" height="54" /></div> <div id="spazio_menu_link"></div> <div id="area_menu"> <div id="menu_1"><a href="2.html"></a></div> <div id="menu_2"><a href="2.html"></a></div> <div id="menu_3"><a href="2.html"></a></div> <div id="menu_4"><a href="2.html"></a></div> <div id="menu_5"><a href="2.html"></a></div> <div id="menu_6"><a href="2.html"></a></div> </div> </div> <div id="contenutone"> <div id="contiente_linguette"> <div id="linguetta_2"><img src="images/filosofia.png" width="220" height="50" /></div> <div id="contenuto_linguetta" class="mover2"><div id="contiene_testi_linguette"> <? echo $testi['filosofia']['contenuto']; ?> </div></div> <div id="linguetta_3"><img src="images/ecososte.png" width="220" height="50" /></div> <div id="contenuto_linguetta" class="mover3"><div id="contiene_testi_linguette"> <? echo $testi['ecosostenibile']['contenuto']; ?> </div></div> <div id="linguetta_4"><img src="images/perche.png" width="220" height="50" /></div> <div id="contenuto_linguetta" class="mover4"><div id="contiene_testi_linguette"> <? echo $testi['perche']['contenuto']; ?> </div></div> </div> </div> </div>[/PHP] Praticamente dovrei rendere "draggable" #contiente_linguette che al suo interno ha altri elementi che funzionano tramite jquery... Purtroppo se lo inserisco dove vedete non funziona nulla, se lo tolgo tutto funziona! Grazie!
-
Ciao a tutti.
Ho risolto semplicemente mettendo nell'head prima il caricamento di jquery e poi il caricamento della libreria ui ... quindi...[PHP]<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery-ui-1.7.2.custom.min.js'></script>[/PHP]Grazie a tutti!