Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15

    Problema jQuery va in conflitto

    Ragazzi vi prego datemi una mano ho due script jQuery però vanno in conflitto come posso risolvere'

    codice:
    <script>$(document).ready(function () {		
    	$('#nav li').hover(
    		function () {
    			//mostra sottomenu
    			$('ul', this).stop(true, true).delay(50).slideDown(100);
    		}, 
    		function () {
    			//nascondi sottomenu
    			$('ul', this).stop(true, true).slideUp(200);		
    		}
    	);
    	
    });
    </script>
    <script src="javascript/responsiveslides.min.js"></script>
    <script>
      $(function() {
        $(".rslides").responsiveSlides({
    	auto: true,
            pager: true,
            nav: true,
    		namespace: "transparent-btns"
      });
      });
    </script>
    Penso che il problema riguardi che tutti e due funzionino su una lista ul infatti sarebbero menu a tendina e slideshow di immagini, il problema che se il menu non funziona se clicco mi cambia le immagini. Cosa posso fare?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Associa un id/classe al menu a tendina e usa questa al posto del tag ul
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    Intendi fare così?

    codice:
    <script>
    $(document).ready(function () {		
    	$('#nav li').hover(
    		function () {
    			//mostra sottomenu
    			$('#test', this).stop(true, true).delay(50).slideDown(100);
    		}, 
    		function () {
    			//nascondi sottomenu
    			$('#test', this).stop(true, true).slideUp(200);		
    		}
    	);
    	
    });
    </script>
    codice:
     <li class="selezionefirst"><a class="last" href="#">CHI SIAMO</a></li>        <li><font>EDIZIONI 2015</font>
              <ul id="test">
                <li><a href="#">DETTAGLI</a></li>
                <li><a href="#">ARTISTI</a></li>
    Perchè ho provato ma sembra non andare, anzi adesso ovunque clicco le immagini vanno avanti ma il menu niente da fare

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova questa
    codice:
    <script>
    $(document).ready(function () {     
        $("#nav").on({
    		mouseenter : function(){
       $("#test").stop().slideDown(250)
    		},
      mouseleave : function(){
    	   $("#test").stop().slideUp(250);
      }
    	   })
    });
    </script>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    Risolto tutto, grazie tante era un impostazione della slideshow che mandava tutto a non funzionare
    Ultima modifica di LucaTrev; 26-10-2014 a 15:51

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    Ancora un ultima cosa con questo jQuery delle immagini non posso cliccare su una slide che mi rimanda ad una pagina anche mettendo il TAG A cosa faccio?

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Modifica il codice js della slide che usi oppure ne cerchi un'altra che abbia questa opzione (opterei per la seconda, visto che in rete trovi molte slide)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.