哪里出错了

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

张南南丶

2020-08-24 00:22:50

控制台没报错 按钮也没反应啊

$.fn.UiSlider = function(){
 var ui = $(this);
 var wrap = $('.ui-slider-warp')
 
 var btn_prev = $('.ui-slider-arrow .left',ui);
 var btn_next = $('.ui-slider-arrow .right',ui);
 
 var items = $('.ui-slider-wrap .item',ui);
 var tips = $('.ui-slider-process .item',ui);
 
 var current = 0;
 var size = items.size();
 var width = items.eq(0).width();
 
 wrap.on('move_prev',function(){
  
 })
 .on('move_next',function(){
  
 })
 .on('move_to',function(evt,index){
  wrap.css('left',index*width*-1)
 })
 
 btn_prev.on('click',function(){
  wrap.triggerHandler('move_prev');
 });
 btn_next.on('click',function(){
  wrap.triggerHandler('move_next');
 });
 tips.on('click',function(){
  var index =$(this).index();
  wrap.triggerHandler('move_to',index);
 });
}

写回答

1回答

好帮手慕码

2020-08-24

同学你好,是获取的类名写错了:

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

测试:

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

效果:

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 14456 问题

查看课程