jquery - 用指针更改 angularjs slider 的颜色

Question

嗨，我正在 angularjs 中构建一个 slider ，它会根据您移动指针的位置来改变颜色。

1.) 如果指针位于右侧，则该栏将为红色2.) 如果指针位于左侧，则该栏将为蓝色3.)如果指针位于中间，条形将一半红、一半蓝

我正在使用这个库:http://prajwalkman.github.io/angular-slider/

问题:

我试图通过将一个指针固定在底部且不可见来实现此目的，以便在 slider 改变颜色时只有一个指针在移动。然而，我正在绞尽脑汁地思考如何使这项工作发挥作用。有什么帮助吗？

这是一个骗子:http://plnkr.co/edit/tmDfTksDwSRLrc0choOJ?p=preview

Answer 1

我检查了你的代码，它与 Angular JS 无关，你只需要修改第 19 行 Angular-slider.css 中的 css 即可完成此操作。

slider span.bar {
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-border-radius: 1em/1em;
  border-radius: 1em/1em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F53337), color-stop(1, #F72529));
  background: -webkit-linear-gradient(top, #F53337 0, #F72529 100%);
  background: -moz-linear-gradient(top, #F53337 0, #F72529 100%);
  background: -o-linear-gradient(top, #F53337 0, #F72529 100%);
  background: -ms-linear-gradient(top, #F53337 0, #F72529 100%);
  background: linear-gradient(top, #F53337 0, #F72529 100%);
  -webkit-box-shadow: inset 2px 2px 5px;
  box-shadow: inset 2px 2px 5px;
}

这是笨蛋:http://plnkr.co/edit/1zjfNbUSwNkdWxpYGZgP?p=preview

颜色也可以根据您的喜好进行调整。