Почему я не могу сделать эти кнопки перетаскиваемыми с помощью jQueryUI, хотя я использую {cancel: false}?

Question

Почему я не могу сделать эти кнопки перетаскиваемыми с помощью jQueryUI, хотя я использую {cancel: false}?

0

Я пытаюсь сделать кнопки draggable и droppable с помощью jQueryUI. Я знаю, что для этого мне нужно установить атрибут cancel; однако он, похоже, не работает в этом конкретном случае. Мой код находится в этом jsfiddle.

Как вы можете видеть, я установил кнопку, чтобы предупредить html кнопки, когда она нажала, но эта функция не позволяет мне больше перетаскивать кнопку. Если я удалю его, мою кнопку можно перетащить. Если я удалю атрибут cancel: false, он (правильно) отключит перетаскивание, поэтому я не уверен, почему он не позволяет мне перетаскивать, когда присутствует.on(click).

function init() {
$('#makeMeDraggable ul li').draggable({cancel:false});
}

$("#unorderedlist").on('click','li',function(){
alert($(this).html);
}

Может кто-нибудь мне помочь?

Geoff 28 май 2014, в 22:07

Источник

0

.on() не был добавлен в jQuery до версии 1.7, и вы используете в .on() более старую версию (вместе с некоторыми опечатками).
j08691 28 май 2014, в 20:21

Теги:

javascript

jquery

jquery-ui

drag

draggable

1 ответ

Ещё вопросы

.on() не был добавлен в jQuery до версии 1.7, и вы используете в .on() более старую версию (вместе с некоторыми опечатками).

Lee Taylor · Accepted Answer · 2014-05-28T18-37-00.000Z

Если вы посмотрели на свою консоль, вы заметили бы, что у вас была синтаксическая ошибка...

$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
}

Должно быть:

$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
});

Кроме того, вы использовали очень старую версию jQuery. Я обновил скрипту до более новой версии

Это работает сейчас:

играть на скрипке

Поэтому всегда запускайте свой код с помощью инструментов разработчика (часто через F12), чтобы вы могли поймать ошибки