Bootstrap dropdown menu non funziona con jquery-1.8.2???

joeforte

Nuovo Utente
21 Dic 2015
3
0
0
Ciao, ho assoluta necessità di far funzionare un dropdown menu in presenza di libreria jquery versione 1-8.2 ma non riesco proprio a farlo andare.
Posto il codice per farvi capire:

Codice:
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-7s5uDGW3AHqw6xtJmNNtr+OBRJUlgkNJEo78P4b0yRw= sha512-nNo+yCHEyn0smMxSswnf/OnX6/KwJuZTlNZBjauKhTK0c+zT+q5JOCx0UFhXQ6rJR9jg6Es8gPuD2uZcYDLqSw==" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="home.php">Home</a>
  </div>
 <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Item 1</a></li>
          <li><a href="#">Item 2</a></li>
          <li><a href="#">Item 3</a></li>
          <li><a href="#">Item 4</a></li>
          <li><a href="#">Item 5</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<!-- <script src="http://code.jquery.com/jquery.js"></script> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
integrity="sha256-KXn5puMvxCw+dAYznun+drMdG1IFl3agK0p/pqT9KAo= sha512-2e8qq0ETcfWRI4HJBzQiA3UoyFk6tbNyG+qSaIBZLyW9Xf3sWZHN/lxe9fTh1U45DpPf07yj94KsUHHWe4Yk1A==" crossorigin="anonymous"></script>
</body>
</html>
Se provate questo codice vi accorgerete subito che cliccando sul bottone con la scritta Dropdown non succede niente, ovvero il menu a discesa non funziona.
Come potete notare il penultimo script è commentato. Se provate a decommentarlo e a commentare quello precedente, relativo alla versione 1.8.2 il menu dropdown funziona.
Ho bisogno di far funzionare il tutto con la versione 1.8.2 perché ho una gestione slider che altrimenti non funzionerebbe e cambiarla sarebbe un delirio. Qualcuno sa urgentemente aiutarmi? Come faccio a far andare il menu dropdown bootstrap con la 1.8.2?

Grazie mille, in anticipo, a tutti.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Il messaggio in console è chiaro
Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
fai prima far funzionare l'altro script con una versione piu aggiornata di jquery.
 

joeforte

Nuovo Utente
21 Dic 2015
3
0
0
In realtà ho risolto sostituendo la cdn di bootstrap.min.js utilizzando quella di google.apis... Cmq è strano...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Si, strano.
la versione di boostrap che usa google qual'è ?
 

joeforte

Nuovo Utente
21 Dic 2015
3
0
0
Versione bootstrap

La versione funzionante utilizzata da google che ho inserito è la 3.0.3...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
la 3.0.3 funziona anche da cdn, la cosa strana è che l'altro script non funziona con una versione piu aggiornata di jqeury
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4
F Slide down/up dropdown Bootstrap jQuery 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
C Validazione Bootstrap PHP 0
D Carousel bootstrap con video HTML e CSS 2
P Bootstrap navbar si richiude su mobile HTML e CSS 2
websilvia Contact form using Bootstrap 3.3.4 PHP 8
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
F Come passare una variabile al modal di bootstrap PHP 1
motleyrulez Paginazione Tabella Bootstrap Javascript 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
felino [Bootstrap] Allineamento verticale HTML e CSS 1
MaryRoxenne Questione Bootstrap HTML e CSS 1
L Bootstrap 4 input ext value HTML e CSS 1
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
W [Javascript] Bootstrap Admin templates, mi dareste dei consigli? CMS (Content Management System) 0
I Bootstrap 4 Card overlay non responsive CMS (Content Management System) 0
fabiodisconzi Miglior template bootstrap 4 admin? CMS (Content Management System) 1
L Come sovrascrivere i parametri di Bootstrap CMS (Content Management System) 0
E Bootstrap con parallax e particles jQuery 2
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
M Responsive design bootstrap HTML e CSS 2
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
F Bootstrap Notify jQuery 0
V Creare funzioni PHP per agevolare bootstrap PHP 1
V Passare a PHP pagina bootstrap creata in HTML PHP 1
A [Javascript] Problemi menu bootstrap Javascript 1
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
O Bootstrap carousel-caption responsive CMS (Content Management System) 2
F img bootstrap centrata nello schermo HTML e CSS 1
otto9due Form personalizzato in bootstrap da integrare nel tema wordpress WordPress 0
L tabella bootstrap PHP 3
L Problema Bootstrap Modulo Email + php PHP 1
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
MarcoGrazia Verifica della data inserita in un form ( utilizzando bootstrap ) Javascript 7
L slider bootstrap HTML e CSS 0
C Sottomenù Bootstrap che non funziona correttamente HTML e CSS 8
MarcoGrazia Problema con bootstrap, saltata tutta la paginazione in IE8 HTML e CSS 1
E problema con carousel di Bootstrap HTML e CSS 1
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
F 5 colonne con bootstrap 2 HTML e CSS 4
F Altezza immagini Bootstrap HTML e CSS 1
J Problema con form in bootstrap HTML e CSS 0
J Menu a tendina con bootstrap 3 HTML e CSS 3
C Form registrazione Bootstrap PHP 0
kungfujava Bootstrap e animazione caricamento pagina HTML e CSS 0

Discussioni simili