Javascript 在可拖动的jquery UI上添加图标
我想在可拖动项上添加“+”图标或类属性。我使用的是jQueryUIDragable方法 代码:Javascript 在可拖动的jquery UI上添加图标,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我想在可拖动项上添加“+”图标或类属性。我使用的是jQueryUIDragable方法 代码: function deptStyleDroppable(){ $('.deptName').parents("tr").draggable({ cursor: "move", //revert: "invalid", // slide back, when dropping over non-target revert: functi
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"
});
}
我怎样才能做到这一点。请帮我解决这个问题
谢谢。Draggable元素在初始化后已经有了
ui-Draggable
css类
但是如果您想添加自己的一个,只需使用addClass(…)
链接即可。如果您想添加一个图标,则可以使用prepend()
链接该图标:
$(“.deptName”)
.父母(tr)
.draggable({…})
.addClass('your-css-class'))
.prepend(“”);
我写这篇文章是为了说明
$('.deptName')
.parents('tr')
.draggable({ ... })
.addClass('your-css-class')
.prepend('<img src="http://path-to-your-icon"/>');