jquery – Flexslider manualControls无效

我用Flexslider创建了一个滑块,我正在尝试使用manualControls:创建导航菜单,但链接不起作用.这是flexslider和滑块/导航本身的代码

Flexslider:

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
      controlsContainer: ".slidercontainer",controlNav: true,manualControls: ".flex-control-nav li",}); 
 });
 </script>

滑块和导航:

<div class="slidercontainer">
        <div class="flexslider">
            <ul class="slides">
              <li>slide1</li>
              <li>slide2</li>
            </ul>
            <ul class="flex-control-nav">
              <li>1</li>
              <li>2</li>
            </ul>
    </div>          
    </div>

解决方法

你修好过这个吗?如果没有,答案是因为FlexSlider仍然在插件中有一个实时事件 – 但是jQuery已经弃用了这个.

解决这个问题;打开jQuery.flexslider.js并为“live”执行查找/替换,将其替换为“on”.我实际上搜索了“.live(”并替换为“.on(”只是为了确保我只有事件监听器.有2次出现.

而已.完美的工作!

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...