как установить кнопку на слайдер jquery-ui

Question

как установить кнопку на слайдер jquery-ui

0

Я хочу добавить некоторые функции в слайдер jquery-ui. Поэтому, когда я нажимаю пробел ползунка, я хочу вызвать некоторую функцию. Теперь, когда я нажимаю пробел ползунка, он устанавливает ближайший обработчик. Поэтому я добавил кнопку в слайдер. Когда я добавляю новый обработчик, я мог бы добавить новую кнопку поверх слайдера. Теперь проблема заключается в том, как установить ширину и левую часть кнопки, чтобы сделать ее кликабельной. Jsfiddle здесь:

http://jsfiddle.net/5ycu91hj/

Изображение находится здесь:

то, что я хочу реализовать, это щелкнуть другое пространство между обработчиками, я могу запускать различные функции.

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

Я не уверен, есть ли лучшее решение для этого. Поскольку я проверял jquery-ui api, но не видел никакой функции щелчка, которую я могу использовать.

Gabriel 22 июль 2015, в 19:25

Источник

Теги:

jquery

angularjs

jquery-ui

slider

1 ответ

Ещё вопросы

lg22woo · Accepted Answer · 2015-07-22T17-03-00.000Z

Не совсем уверен, что вы просите, но вот попытка ответа:

Чтобы вызвать функцию при щелчке, вы можете использовать событие onClick().

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

Затем вы можете передать аргументы своей функции с положением мыши, значением (-ами) ваших ползунков (см. "Значение") и проделать некоторую простую математику, чтобы выяснить, в каком "пространстве" вы находитесь.

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

У меня вопрос, как подогнать кнопку под пространство слайдера. Под определением пробелов я подразумеваю пространство между ручками.