JS库中的冲突

我有一个页面充当一个滚动条的着陆页，它提供了一个缓动和平滑的滚动，这也有助于下拉链接。然后，我得到了一个自定义模态对话框登录/ sigup形式集成。JS库中的冲突

问题是，当<script src="assets/js/jquery.scrolly.min.js"></script>被注释时，模态对话框会起作用，但是当它可用时，模态对话框不起作用。任何人都可以请把我放在正确的方向。它看起来更像是JS冲突。

\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>

来源

2016-07-30 Pezzonovante Fabiyi FabSwarovs

@ j08691 ..你可以帮忙吗？ –

我觉得我有jquery.dropotron.js一个类似的问题：我无法从<li>标签内的链接触发模式。这个问题来自jquery.dropotron.js，如果href是空白（“”）或散列（＃），它就阻止链接做任何事情。通过评论相应的行解决：

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

我希望它可以帮助你...对不起，我的英语。

来源

2017-02-01 15:46:08 VioletteA

JS库中的冲突

回答

相关问题