добавить значок на draggable jquery UI

Question

Я хочу добавить значок «+» или атрибут класса для перетаскиваемых элементов. Я использую метод 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" 
    }); 
    } 

 

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

Поблагодарили.

Answer 1

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

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

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

Я написал эту jsFiddle для иллюстрации.