Jquery UI Drag and drop. Как подключить?

199
14 сентября 2018, 11:30
    var neededElements = $('.notOpened');
$.each(neededElements, function (index, value) {
    addListener(value);
});
function printDirectory(data) {
    var it = data.Directories[0].ParentID;
    $('#' + it).after('<ul class="' + it + '">');
    $.each(data.Directories, function (index, value) {
        $('.' + it).append("<li class=\"notOpened\" id=\"" + value.ID + "\">" + value.name + "</li>");
        addListener($('#' + value.ID));
    });
    $('#' + it).after("</ul>");
}
function addListener(unit) {
    $(unit).unbind();
    if ($(unit).hasClass("notOpened")) {
        notOpenDirListener(unit);
    } else {
        openDirListener(unit);
    }
}
function notOpenDirListener(unit) {
    $(unit).bind("click", function () {
        $(unit).sortable;
        var id = $(unit).attr('id');
        $.get("/Home/GetChildren?id=" + id, null, printDirectory);
        $(unit).removeClass("notOpened");
        $(unit).addClass("opened");
        addListener(unit);
    });
}
function openDirListener(unit) {
    $(unit).bind("click", function () {
        var id = $(unit).attr('id');
        $('.' + id).empty();
        $('.' + id).detach();
        $(unit).removeClass("opened");
        $(unit).addClass("notOpened");
        addListener(unit);
    })
}

Как здесь подключить sortable() для классов и идентификаторов? Спасибо

Answer 1

Обернуть весь необходимый фрагмент в div, присвоить класс и в js файле через jquery ui написать $('.nameClass').sortable();

READ ALSO
Ошибка в отображении Google map API JS

Ошибка в отображении Google map API JS

API-key рабочий, не понимаю, где я про*балсяБыли ли похожие ошибки? Кто сможет помочь решить проблему

247
Условие с разным url на javaScript

Условие с разным url на javaScript

День добрыйПодскажите, как сделать, чтобы пользователь переходя на определенную страницу получал сообщение,а переходя на все последующие...

167
Разобрать проект на node-js и встроить js код в yii2

Разобрать проект на node-js и встроить js код в yii2

Возникла необходимость встроить редактор в проект на yii2

200
UWP JavaScript— возвращаемое значение IAsyncOperation

UWP JavaScript— возвращаемое значение IAsyncOperation

Вот понадобилось разработать проект на js uwp, и вот мне непонятно, как работают функции по типу WindowsStorage

197