Question

我有一个页面充当带有滚动条的登录页面，它提供了缓动和平滑滚动，这也有助于下拉链接。然后我集成了一个自定义模式对话框login / sigup表单。

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

	<!-- - Scripts for login modal dialog  -->
 <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
	
	
	<!-- - Scripts for landing page(jquery.scrolly.min.js makes the menu dropdown once mouseover is on it and also animates scrolling with easing) -->
	<script src="assets/js/jquery.min.js"></script>
 <script src="assets/js/jquery.scrolly.min.js"></script> 
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>
			

<script type="text/javascript">
    var $s = jQuery.noConflict();
    $s(document).ready(function() {
      $s(document).on('click','.signup-tab',function(){
	    		 .preventDefault();
	    		 $('#signup-taba').tab('show');
	    	});	
	
	    	$s(document).on('click','.signin-tab',function(){
	    		.preventDefault();
	    		 $s('#signin-taba').tab('show');
	    	});
	    	
	    	$s(document).on('click','.forgetpass-tab',function(){
	    		 .preventDefault();
	    		 $s('#forgetpass-taba').tab('show');
    });
</script>


<script>
var $k = jQuery.noConflict();
	    $k(document).ready(function(){
	    		
			//Check to see if the window is top if not then display button
	$(window).scroll(function(){
		if ($k(this).scrollTop() > 100) {
			$k('.scrollToTop').fadeIn();
		} else {
			$k('.scrollToTop').fadeOut();
		}
	});
	
	//Click event to scroll to top
	$k('.scrollToTop').click(function(){
		$k('html, body').animate({scrollTop : 0},800);
		return false;
	});
	    });	
		</script>

Answer 1

我认为我遇到了与jquery.dropotron.js类似的问题：我无法从<li>标记内的链接触发模态。该问题来自jquery.dropotron.js，如果href为空（“”）或具有哈希（＃），则阻止链接执行任何操作。通过评论相应的行来解决：

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

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

JS库中的冲突

1 个答案: