Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Rimuovere completamente l'effetto di uno script jquery quando si ridimensiona la finestra del browser

    Ho uno script che aggiunge delle funzioni ad un menu bootstrap:

    codice:
            $(document).ready(function(){
                $(".dropdown").hover(            
                    function() {
                        $('.dropdown-menu', this).not('.in .dropdown-menu').stop( true, true ).slideDown("fast");
                        $(this).toggleClass('open');        
                    },
                    function() {
                        $('.dropdown-menu', this).not('.in .dropdown-menu').stop( true, true ).slideUp("fast");
                        $(this).toggleClass('open');       
                    }
                );
            });

    che però deve essere interrotto quando la finestra si dirimensiona oltre un certo valore. Per fare ciò ho scritto uno script di questo tipo:

    codice:
    $(document).ready(function() {
        // avvio il test
        checkSize();
        // avvia il test quando si ridimensiona la pagina
        $(window).resize(checkSize);
    });
    
    //Funzione per verificare il ridimensionamento dello schermo
    function checkSize(){
        if(window.innerWidth>=768){
                $(".dropdown").hover(            
                    function() {
                        $('.dropdown-menu', this).not('.in .dropdown-menu').stop( true, true ).slideDown("fast");
                        $(this).toggleClass('open');        
                    },
                    function() {
                        $('.dropdown-menu', this).not('.in .dropdown-menu').stop( true, true ).slideUp("fast");
                        $(this).toggleClass('open');       
                    }
                );
        } else {
            $(document).ready(function(){
                $(".dropdown").stop();
            });
        }
    }

    ma non funziona.
    Quando stringo la finestra del browser l'effetto sul menu rimane creando mille problemi.

    Ultima modifica di giannino1995; 13-09-2016 a 23:53
    Più pratica in futuro...

  2. #2
    Ho appena scritto un programma migliorato che funziona per un po' di ridimensionamenti ma poi va in tilt e non so perché ma se non c'è nessuno sul forum o se a nessuno interessa oppure ancora nessuno ha le competenze per interagire posso evitare di scrivere, fatemi sapere.
    Grazie
    Più pratica in futuro...

  3. #3
    Ho risolto ma ricaricando la pagina ad ogni modifica sostanziale del menu. Sapete se c'è qualche sistema più professionale per fare la stessa cosa?
    Quando opero con ajax e php un ricaricamento di pagina crea un altro disastro.
    Probabilmente sono io che non sono un esperto ma questo Bootstrap al momento mi lascia molto deluso.
    ciao
    Più pratica in futuro...

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.