Как установить кнопку на jquery-ui slider

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 (см «значение»), и сделать несколько простых математику, чтобы выяснить, какие «пространство» вы в.

EDIT : Не заметил, что вы используете угловой - это, вероятно, сделает это еще проще! Вы можете использовать ng-click="myFunction(), а затем, возможно, использовать некоторую двустороннюю привязку данных, в зависимости от того, что вы хотите сделать в своей функции.