老师看一下哪里出错了
来源: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回答
同学你好,少了一个点,没有获取到元素导致的,建议:添加点。代码参考:
相似问题
回答 4
回答 3
回答 1
回答 1
回答 2