Box gallery

  • Creatore Discussione Creatore Discussione Ikon
  • Data di inizio Data di inizio

Ikon

Utente Attivo
3 Dic 2021
42
1
8
Ho inserito un gallery bootstrap 4
Il gallery light box
E mi mette in conflitto il menù

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js'></script><script src="./script.js"></script>










<!--script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script-->



<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
 
Il problema che stai riscontrando è probabilmente dovuto al fatto che stai includendo due versioni diverse di jQuery e due versioni diverse di Bootstrap nella tua pagina. Questo può causare conflitti tra le librerie, specialmente se vengono caricate in modo non corretto o in ordine sbagliato.
 
<link rel="stylesheet" href="css/bootstrap.css"/>







<link rel="stylesheet" href="css/bootstrap.min.css"/>



<link rel="stylesheet" href="css/bootstrap.reboot.css"/>



<link rel="stylesheet" href="css/bootstrap.grid.css"/>

Sono i bootstrap inseriti il 4
Poi ti invio gli script domani la Jquery che fa conflitto
 
Nel footer
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js'></script><script src="./script.js"></script>

E una cdn

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

Se tolgo la Jquery totale o parziale non funziona il gallery ma risolvo il problema del conflitto devo dire che con il 4 il conflitto è minimo ma c'è
 

Discussioni simili