老师看一下哪里出错了

来源:5-7 首页.UI组件-UiSlider(2)

精慕门5221908

2020-10-29 20:52:55

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入

$.fn.UiSlider = function(){

    var ui = $(this)

    var warp = $('.ui-slider-wrap');

    var items = $('.ui-slider-wrap .item',ui);

    var btn_prev = $('.ui-slider-arrow .left',ui);

    var btn_next = $('.ui-slider-arrow .right',ui);

    var tips = $('.ui-slider-process .item',ui);


// 预定义

    var current = 0

    var size = items.size()

    var width = items.eq(0).width()

// 具体操作

    warp

    .on('move_prev',function(){

        console.log(1);

    })

    .on('move_next',function(){

        console.log(2);

    })

    .on('move_to',function(evt,index){

        // warp.css('left',index*width*-1)

    })


// 事件

    btn_prev.on('click',function(){

        warp.triggerHandler('move_prev')

    });

    btn_next.on('click',function(){

        // 触发warp的move_naxt事件

        warp.triggerHandler('move_next')

    })

    tips.on('click',function(){

        var index = $(this).index()

        warp.triggerHandler('move_to',index)


    })

}



$(function(){

    $('.ui-search').UiSearch();

    $('.content-tab').UiTab('.caption > .item','.block > .item');

    $('.content-tab .block .item').UiTab('.block-caption > a','.block-content > .block-wrap');

    $('body').UibackTop();

    $('ui-slider').UiSlider();

})

代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕言

2020-10-30

同学你好,少了一个点,没有获取到元素导致的,建议:添加点。代码参考:

http://img.mukewang.com/climg/5f9b748b099d6e8d04400101.jpg

1

0 学习 · 14456 问题

查看课程