jquery ui выбирается - ничего не происходит

Я не знаю, неправильно ли я использую API .selectable() пользовательского интерфейса jQuery. Ожидаемый результат этого скрипта — просто получить несколько предупреждений во время выбора черного ящика (div):

http://jsfiddle.net/jMDVm/32/

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


jquery jquery-ui
person Emil Ahlbäck    schedule 12.05.2011    source источник
comment
Также обратите внимание, что вы можете установить «фильтр», чтобы запретить выбор определенных элементов. По умолчанию это '*'   -  person Tx3    schedule 12.05.2011

Ответы (2)


arrow_upward
3
arrow_downward

Обратите внимание, что в документации вы вызываете .selectable() для элемента, а затем элементы внутри, которые становятся доступными для выбора. Вы хотите добавить кое-что внутри вашего #selectable div.

http://jsfiddle.net/jMDVm/40/

person issa marie tseng    schedule 12.05.2011
comment
Ах, это то, что я пропустил. Спасибо! - person Emil Ahlbäck; 12.05.2011

arrow_upward
1
arrow_downward

Как видно из примера документации, вам нужно вызвать .selectable() на вашем #wrapper, чтобы повлиять на все его дочерние узлы. .

Вот обновленная скрипта вашей разметки/кода.

$("#wrapper").selectable({
        selected: function(event, ui) {
            alert("Selected");
        },
        selecting: function(event, ui) {
            alert("Selecting");
        }
});

<div id="wrapper" style="width: 250px; height: 250px;">
            <div id="selectable"></div>
</div>
person WSkid    schedule 12.05.2011
comment
Большое спасибо. Клинт Ценг ранее ответил практически той же информацией, поэтому я помечаю его ответ. Надеюсь, ты не против. - person Emil Ahlbäck; 12.05.2011