Question

jQuery Draggable克隆无法正常工作。我试着搜索。但我找不到解决方案。

HTML

<div id="start">
</div>

脚本

$("#start").draggable({
    helper: 'clone'
});

风格

#start {
    margin:10px;
    height:60px;
    width:100px;
    border:solid 2px #FD9395;
    border-radius:50%;
    background-color:#DBFC99;
    z-index:100;
}

没有{helper:'clone'}，代码工作正常。添加辅助属性后，div不可拖动。

Answer 1

实际上你的代码运行得很好，只是克隆元素没有样式，所以你永远不会看到它（它不是一个精确的克隆，也不会克隆原始元素的ID）。

克隆元素会自动获取几个类（ui-draggable-dragging和ui-draggable），因此您可以设置它们的样式并查看它是否有效。 E.g。

.ui-draggable {
  margin: 10px;
  height: 60px;
  width: 100px;
  border: solid 2px #FD9395;
  border-radius: 50%;
  background-color: #DBFC99;
}

<强> jsFiddle example

jQuery draggable clone无法正常工作

1 个答案: