Javascript 如何停止Jquery中属性或标记的克隆

Javascript 如何停止Jquery中属性或标记的克隆,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在Jquery中遇到了一些问题。我想克隆一个属性或标记,它可以从一个div1拖动到另一个div2,这很好但问题是,当我拖动或移动div2上现有标记的位置时,克隆是星形的 我只想在从div1拖动到div2时克隆,请告诉我哪里错了,哪里错了 这是我的第一季 <div class="md-card scroll-style"> <div class="draggable-items"> &

我在Jquery中遇到了一些问题。我想克隆一个属性或标记,它可以从一个div1拖动到另一个div2,这很好但问题是,当我拖动或移动div2上现有标记的位置时,克隆是星形的

我只想在从div1拖动到div2时克隆,请告诉我哪里错了,哪里错了

这是我的第一季

<div class="md-card scroll-style">
                    <div class="draggable-items">
                        <img class="img_style" src="tools_icon/ic_text_format.svg" data-toggle="tooltip" title="Text Input" data-placement="bottom">
                        <div id="text_field_clone" class="draggable_items_hide">
                            <input type="text" name="text_field">
                        </div>
                    </div>
                </div>

这里是div2

<div class="droppable_box_style scroll-style" id="droppable-box">

                </div>

此Jquery代码

<script type="text/javascript">
        $(document).ready(function () {

            $(".draggable-items").draggable({
                grid: [ 20, 20 ],
                appendTo: '#droppable-box',
                containment: "window",
                cursor: 'move',
                revertDuration: 100,
                revert: 'invalid',
                helper: 'clone'
            });

            $("#droppable-box").droppable({
                accept: ".draggable-items",
                drop: function (event, ui){

                    ui.helper.clone().appendTo('#droppable-box');

                    $("#droppable-box > .draggable-items").find(".img_style").hide();

                    $("#droppable-box > .draggable-items").find("#text_field_clone").removeClass("draggable_items_hide").addClass("show").resizable();

                    $("#droppable-box > .draggable-items").draggable();
                }
            });
            // $('[data-toggle="tooltip"]').tooltip();
        });   
    </script>

$(文档).ready(函数(){
$(“.draggable项”).draggable({
网格:[20,20],
附件:“#可下拉框”,
遏制:“窗口”,
光标:“移动”,
持续时间:100,
还原:“无效”,
助手:“克隆”
});
$(“#可拖放框”)。可拖放({
接受:“.draggable项”,
drop:函数(事件、用户界面){
ui.helper.clone();
$(“#可拖放框>.draggable项”).find(“.img#u样式”).hide();
$(“#可拖放框>.draggable items”).find(#text#u field_clone”).removeClass(“可拖放项_hide”).addClass(“show”).resizeable();
$(“#可拖放框>.draggable项”).draggable();
}
});
//$('[data toggle=“tooltip”]')。tooltip();
});   
我的布局是这样的

将克隆功能附加到Jquery mouseup事件:

 $(selector).mouseup(function(){
    //put cloning code here
    });

感谢您的回复,我找到了一个解决方案,如果我将布尔变量放在克隆上(那么对于拖动工具,布尔值为false,那么我可以更改工具的位置),它可以工作。但是,我从第一个div1拖动另一个工具,然后它不是克隆。我们可以为拖动工具创建动态数组,什么时候我们将工具从div1拖动到div2,然后布尔值更改意味着false。是的,你可以..位我认为这是最简单的一个,所以我建议抱歉,我不明白,请你用上面的代码正确地编写。。。