Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在可拖动的jquery UI上添加图标_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 在可拖动的jquery UI上添加图标

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

我想在可拖动项上添加“+”图标或类属性。我使用的是jQueryUIDragable方法

代码:



    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"/>');