• User Attivo

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

  • User Attivo

    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!