У меня есть отделение, на которое это установлено overflow: auto;
. Это удовлетворяет этого отделения, можно выбрать (использование jQuery UI).
То, когда переполнение отделения и полоса прокрутки появляются, сама полоса прокрутки становится можно выбрать настолько прокручивающий, не работает хорошо. В FF/Chrome я могу прокрутить отделение, но я получаю выбираемую схему. В Safari полоса прокрутки не участвует вообще, так как щелчок взят обработчиком selectable.
Существует ли селектор, который я могу использовать для добавления полосы прокрутки к списку объектов 'отмены'? Или какой-либо другой способ препятствовать тому, чтобы полоса прокрутки можно выбрать?
Вот фрагмент кода того, как я настраиваю свое выбираемое отделение:
$(".mySelectable").selectable( {
cancel: '.myButton, .notSelectable',
filter: '.rowSelectable',
selecting: function(event, ui){
handleSelection(ui.selecting);
},
selected: function(event, ui) {
handleSelected(ui.selected);
},
unselected: function(event, ui) {
handleUnselected(ui.unselected);
}
});
Мой HTML похож:
<div class="mySelectable"> <!-- set to auto overflow -->
<div class="myButton">I can't be selected</div>
<div class="rowSelectable">I am a selectable row</div>
...
</div>
Идеально, я ищу что-то, что я могу добавить к опции 'отмены', которая помогает пропустить полосу прокрутки.
Ой! Решение было простое - добавить еще один div и не устанавливать его переполнение. Итак, HTML-код становится:
<div class="wrapperDiv"> <!-- set to auto overflow -->
<div class="mySelectable"> <!-- NOT set to overflow -->
<div class="myButton">I can't be selected</div>
<div class="rowSelectable">I am a selectable row</div>
...
</div>
</div>