Konflikt in JS Libraries

Question

Ich habe eine Seite als Zielseite mit einem Scroller, die eine Erleichterung und reibungslosen Scrolling bietet, dies hilft auch mit Drop-Down für Links. Ich habe dann eine benutzerdefinierte modale Dialog Login/Sigup Form integriert.

Das Problem ist, dass, wenn <script src="assets/js/jquery.scrolly.min.js"></script> kommentiert ist, das modale Dialogfeld funktioniert, aber wenn es verfügbar ist, funktioniert modalen Dialog nicht. Kann mir bitte jemand in die richtige Richtung gehen. Es sieht eher wie ein JS-Konflikt aus.

\t <!-- - Scripts for login modal dialog --> 
 
<script src="assets/js/jquery.min.js"></script> 
 
    <script src="assets/js/bootstrap.min.js"></script> 
 
\t 
 
\t 
 
\t <!-- - Scripts for landing page(jquery.scrolly.min.js makes the menu dropdown once mouseover is on it and also animates scrolling with easing) --> 
 
\t <script src="assets/js/jquery.min.js"></script> 
 
<script src="assets/js/jquery.scrolly.min.js"></script> 
 
\t \t \t <script src="assets/js/jquery.dropotron.min.js"></script> 
 
\t \t \t <script src="assets/js/jquery.scrollex.min.js"></script> 
 
\t \t \t <script src="assets/js/skel.min.js"></script> 
 
\t \t \t <script src="assets/js/util.js"></script> 
 
\t \t \t <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> 
 
\t \t \t <script src="assets/js/main.js"></script> 
 
\t \t \t 
 

 
<script type="text/javascript"> 
 
    var $s = jQuery.noConflict(); 
 
    $s(document).ready(function() { 
 
     $s(document).on('click','.signup-tab',function(){ 
 
\t  \t \t .preventDefault(); 
 
\t  \t \t $('#signup-taba').tab('show'); 
 
\t  \t }); \t 
 
\t 
 
\t  \t $s(document).on('click','.signin-tab',function(){ 
 
\t  \t \t .preventDefault(); 
 
\t  \t \t $s('#signin-taba').tab('show'); 
 
\t  \t }); 
 
\t  \t 
 
\t  \t $s(document).on('click','.forgetpass-tab',function(){ 
 
\t  \t \t .preventDefault(); 
 
\t  \t \t $s('#forgetpass-taba').tab('show'); 
 
    }); 
 
</script> 
 

 

 
<script> 
 
var $k = jQuery.noConflict(); 
 
\t  $k(document).ready(function(){ 
 
\t  \t \t 
 
\t \t \t //Check to see if the window is top if not then display button 
 
\t $(window).scroll(function(){ 
 
\t \t if ($k(this).scrollTop() > 100) { 
 
\t \t \t $k('.scrollToTop').fadeIn(); 
 
\t \t } else { 
 
\t \t \t $k('.scrollToTop').fadeOut(); 
 
\t \t } 
 
\t }); 
 
\t 
 
\t //Click event to scroll to top 
 
\t $k('.scrollToTop').click(function(){ 
 
\t \t $k('html, body').animate({scrollTop : 0},800); 
 
\t \t return false; 
 
\t }); 
 
\t  }); \t 
 
\t \t </script>

Answer 1

Ich denke, dass ich ein ähnliches Problem mit jquery.dropotron.js hatte: Ich kann nicht eine modale von einem Link in einem <li> Tag auslösen könnte. Das Problem kam von jquery.dropotron.js, das die Verbindung daran hinderte, irgendetwas zu tun, wenn href leer war ("") oder Hash (#) hatte. Gelöst durch kommentieren auf die entsprechende Zeile:

`if (href.length == 0 || href == '#'){ 
    //e.preventDefault(); 
} 
else 
    e.stopPropagation();` 

Ich wünschte, es könnte Ihnen helfen ... Entschuldigung für mein Englisch.