如何使按钮适合jquery-ui滑块

Question

我想在jquery-ui滑块中添加一些功能。所以当我点击滑块的空间时，我想触发一些功能。现在，当我单击滑块的空间时，它会设置最近的处理程序。所以我在滑块上添加了按钮。当我添加一个新的处理程序时，我可以在滑块顶部添加一个新按钮。现在的问题是如何设置按钮的宽度和左侧使其可单击。 jsfiddle在这里：

http://jsfiddle.net/5ycu91hj/

图片在这里：

我想要实现的是在处理程序之间单击不同的空间我可以触发不同的功能。

<button style="left:10% width: 20%;height:inherit;position:absolute"></button>

我不确定是否有更好的解决方案。当我检查jquery-ui api但没有看到任何我可以使用的点击功能。

Answer 1

不完全确定你在问什么，但这是一个尝试的答案：

要在点击时调用某个功能，您可以使用onClick()事件。

<button style="left:10% width:20%; height:inherit; position:absolute" 
    onClick="myFunction()"></button>

然后你可以使用position of your mouse，value(s) of your sliders（参见“值”）将参数传递给你的函数，并做一些简单的数学运算来确定你所在的“空间”。 / p> 编辑：没有注意到你正在使用角度 - 这可能会让这更容易！您可以使用ng-click="myFunction()，然后可能使用一些双向数据绑定，具体取决于您在函数中要执行的操作。