【问题标题】:Price slider not working on Mobile, not able to slide the bars价格滑块在移动设备上不起作用,无法滑动条形图
【发布时间】:2017-06-29 23:49:09
【问题描述】:

我正在使用下面的 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;
   }

【问题讨论】:

  • 你需要更具体的
  • 在url中查看上面的考试,下面是codepen url
  • 大多数问答网站都要求您提出问题才能获得答案。你没有问任何问题。相反,你发表了声明。我们同意你的说法。

标签: javascript jquery html css angularjs


【解决方案1】:

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

【讨论】:

  • 我使用其他一些库实现了它
  • 它在 codepen 链接中,这就是我制作的新库
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-07
    • 2014-06-14
    • 1970-01-01
    • 2022-06-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多