Visualizzazione dei risultati da 1 a 2 su 2

Discussione: jquery draggable

  1. #1

    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
    codice:
    <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
    Codice PHP:
    <body>

    <div id="centrale">
    <div id="offerte" class="mover">[img]http://www.giorgiotave.it/forum/images/contenuto.png[/img]</div>

    <div id="contiene_navigazione">
    <div id="logo"></div>
    <div id="linguetta">[img]http://www.giorgiotave.it/forum/images/clicca_offerte.png[/img]</div>
    <div id="spazio_menu_link"></div>
    <div id="area_menu">


    <div id="menu_1">[url="2.html"][/url]</div>
    <div id="menu_2">[url="2.html"][/url]</div>
    <div id="menu_3">[url="2.html"][/url]</div>
    <div id="menu_4">[url="2.html"][/url]</div>
    <div id="menu_5">[url="2.html"][/url]</div>
    <div id="menu_6">[url="2.html"][/url]</div>




    </div>


    </div>




    <div id="contenutone">
    <div id="contiente_linguette">

    <div id="linguetta_2">[img]http://www.giorgiotave.it/forum/images/filosofia.png[/img]</div>
    <div id="contenuto_linguetta" class="mover2"><div id="contiene_testi_linguette">

    <? echo  $testi['filosofia']['contenuto']; ?>

     </div></div>
    <div id="linguetta_3">[img]http://www.giorgiotave.it/forum/images/ecososte.png[/img]</div>
    <div id="contenuto_linguetta" class="mover3"><div id="contiene_testi_linguette">

    <? echo  $testi['ecosostenibile']['contenuto']; ?>

     </div></div>
    <div id="linguetta_4">[img]http://www.giorgiotave.it/forum/images/perche.png[/img]</div>
    <div id="contenuto_linguetta" class="mover4"><div id="contiene_testi_linguette">

    <? echo  $testi['perche']['contenuto']; ?>

    </div></div>
    </div>

    </div>
    </div>
    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!

  2. #2
    Ciao a tutti.
    Ho risolto semplicemente mettendo nell'head prima il caricamento di jquery e poi il caricamento della libreria ui ... quindi...

    Codice 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> 
    Grazie a tutti!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.