如何使按钮适合 jquery-ui 滑块
how to fit button to jquery-ui slider
我想在 jquery-ui 滑块中添加一些功能。所以当我点击滑块的 space 时，我想触发一些功能。现在，当我单击滑块的 space 时，它会设置最近的处理程序。所以我在滑块上添加了按钮。当我添加一个新的处理程序时，我可以在滑块顶部添加一个新按钮。现在的问题是如何设置按钮的宽度和左边，使其可以点击。 jsfiddle 在这里：
图片在这里：
我想要实现的是单击处理程序之间的不同 space 我可以触发不同的功能。
<button style="left:10% width: 20%;height:inherit;position:absolute"></button>
我不确定是否有更好的解决方案。当我检查 jquery-ui api 但没有看到任何我可以使用的点击功能。
不太确定你在问什么，但这是一个尝试的答案：
要在点击时调用函数，您可以使用 onClick() 事件。
<button style="left:10% width:20%; height:inherit; position:absolute"
onClick="myFunction()"></button>
然后您可以使用 position of your mouse, the value(s) of your sliders 将参数传递给您的函数（参见 "value"），并做一些简单的数学运算来计算出您所在的 "space"。
编辑：没有注意到您正在使用 angular - 这可能会使这更容易！您可以使用 ng-click="myFunction()，然后可能使用一些双向数据绑定，具体取决于您要在函数中执行的操作。
我想在 jquery-ui 滑块中添加一些功能。所以当我点击滑块的 space 时，我想触发一些功能。现在，当我单击滑块的 space 时，它会设置最近的处理程序。所以我在滑块上添加了按钮。当我添加一个新的处理程序时，我可以在滑块顶部添加一个新按钮。现在的问题是如何设置按钮的宽度和左边，使其可以点击。 jsfiddle 在这里：
图片在这里：
我想要实现的是单击处理程序之间的不同 space 我可以触发不同的功能。
<button style="left:10% width: 20%;height:inherit;position:absolute"></button>
我不确定是否有更好的解决方案。当我检查 jquery-ui api 但没有看到任何我可以使用的点击功能。
不太确定你在问什么，但这是一个尝试的答案：
要在点击时调用函数，您可以使用 onClick() 事件。
<button style="left:10% width:20%; height:inherit; position:absolute"
onClick="myFunction()"></button>
然后您可以使用 position of your mouse, the value(s) of your sliders 将参数传递给您的函数（参见 "value"），并做一些简单的数学运算来计算出您所在的 "space"。
编辑：没有注意到您正在使用 angular - 这可能会使这更容易！您可以使用 ng-click="myFunction()，然后可能使用一些双向数据绑定，具体取决于您要在函数中执行的操作。