добавить значок на перетаскиваемый пользовательский интерфейс jquery

Question

добавить значок на перетаскиваемый пользовательский интерфейс jquery

0

Я хочу добавить значок "+" или атрибут класса для перетаскиваемых элементов. Я использую метод jquery Ui draggable.

код:



    function deptStyleDroppable(){
    $('.deptName').parents("tr").draggable({
        cursor: "move",
        //revert: "invalid", // slide back, when dropping over non-target
        revert: function(dropped){
        // Return 'true' to let the helper slide back.
            if(typeof dropped === "boolean"){
                // dropped == true, when dropped over a simple, valid droppable target.
                // false, when dropped outside a drop target.
                return !dropped;
            }
        // Drop comes from another tree. Default behavior is to assume
        // a valid drop, since we are over a drop-target.
        // Therefore we have to make an extra check, if the target node
        // was rejected by a Dynatree callback.
        var helper = $.ui.ddmanager && $.ui.ddmanager.current && $.ui.ddmanager.current.helper;
        var isRejected = helper && helper.hasClass("dynatree-drop-reject");
        return isRejected;          
        },
        connectToDynatree: true,
        cursorAt: { top: -5, left:-5 },
        helper: "clone"
    });
    }

Как я могу это достичь. Пожалуйста, помогите мне решить эту проблему.

Благодарю Тебя.

user3556556 25 апр. 2014, в 13:26

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

rd3n · Answer 1 · 2014-04-25T11-41-00.000Z

Элементы Draggable уже имеют ui-draggable css-класс после их инициализации.

Но если вы хотите добавить свой собственный, просто addClass(...). То же самое, если вы хотите добавить значок, который вы можете prepend() с помощью prepend():

$('.deptName')
    .parents('tr')
    .draggable({ ... })
    .addClass('your-css-class')
    .prepend('<img src="http://path-to-your-icon"/>');

Я написал это jsFiddle, чтобы проиллюстрировать.