Question

我是jQuery的新手，我需要帮助。

我已经在页面中加入了lightbox和flexslider，并解决了我们两者之间jQuery冲突的初始问题。现在，我正面临着我的一个脚本与我标题上的下拉导航菜单冲突的困境。当我在带有灯箱脚本的页面中时，似乎不再单击下拉列表（只是最顶层的链接选项）。

以下是我所指的页面：http://olivarezhomes.com/phase1.html

javascript文件区：

<script src="js/jquery-1.6.4.min.js"></script>
<script> $164 = jQuery.noConflict(true);</script>
<script src="js/jquery-1.10.2.min.js"></script>

<script src="js/lightbox-2.6.min.js"></script>
<script>jQuery.noConflict(true);</script>


<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Flexslider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>


<!-- jQuery PrettyPhoto -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

<script type="text/javascript" src="js/fade.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.js"></script>

<script type="text/javascript">
jQuery(window).load(function() {
jQuery('.flexslider').flexslider({
      animation: "fade",  
      directionNav: true, 
      controlNav: true });});</script>

<!-- jQuery Lightbox -->
<script src="js/modernizr.custom.js"></script>

Answer 1

你应该试试

$(document).ready(function() {

jQuery('.flexslider').flexslider({
      animation: "fade",  
      directionNav: true, 
      controlNav: true });
});

Lightbox jQuery与下拉菜单冲突

1 个答案: