价格滑块无法在移动设备上工作,无法滑动条形图

时间:2017-02-11 18:22:56

标签: javascript jquery html css angularjs

我正在使用下面的jquery滑块,它可以在桌面上完美运行,但不能在移动设备上运行。

http://www.lugolabs.com/flat-slider

使用的库是jquery和jqueryUI  codepen url是:http://codepen.io/rajMrPerfect/pen/qRQLoW?editors=0110

.flat-slider.ui-corner-all,
.flat-slider .ui-corner-all {
 border-radius: 0;
 }

 .flat-slider.ui-slider {
   border: 0;
   background: #171616;
   border-radius: 7px;
   }

  .flat-slider.ui-slider-horizontal {
  height: 2px; 
  }

  .flat-slider.ui-slider-vertical {
  height: 15em;
  width: 2px;
   }

  .flat-slider .ui-slider-handle {
   width: 30px;
    height: 30px;
     background: #ebf4e9;
    border-radius: 50%;
    border: none;
    cursor: pointer;
   }

2 个答案:

答案 0 :(得分:0)

您的代码在桌面和移动设备上运行良好!

答案 1 :(得分:0)

使用角度滚动器,它在上面的codepen链接解决了。