Jquery UI Droppable не работает, выдавая ошибку в Firefox и Chrome? - PullRequest
Новая
       12

Jquery UI Droppable не работает, выдавая ошибку в Firefox и Chrome?

3 голосов
/ 03 февраля 2012

Я использую Jquery Ui Draggable и Droppable.Draggable работает нормально, а элементы перетаскиваются, но по каким-то причинам у меня не работает работающий сброс.

Если я что-то предупреждаю в функции сбрасывания, ничего не отображается.

Я используюJquery UI 1.6 и jquery 1.3.2.

Это код, который я использую: 

$(function() {
        $( "div.view-test-attributes .views-view-grid td" ).draggable({
                helper:'clone',
                cursor:'move'
            });
        $( "#ajaxCartUpdate" ).droppable({
            drop: function( e, ui ) {
                alert( "Dropped!" );
            }
        });
    });

Когда я перетаскиваю тд в div ajaxCartUpdate, я получаю следующие ошибки на консоли:

В Firefox: F не определено

В Chrome: Uncaught TypeError: Невозможно прочитать свойство 'options' undefined.

К твоему сведению, на самом деле тд падают в ajaxcartUpdate Div, но я не получаю предупреждение.

1 Ответ

1 голос
/ 26 апреля 2012

Вам нужна запятая для каждого селектора, в вашем случае это «div.view-test-attribute, .views-view-grid, td» в селекторе.Смотрите пример ниже. 

$(function() {

    $( "div.view-test-attributes,.views-view-grid,td" ).draggable({
            helper:'clone',
            cursor:'move'
        });
    $( "#ajaxCartUpdate" ).droppable({
        drop: function( e, ui ) {
            alert( "Dropped!" );
        }
    });
});
...