Question

我希望当图像被拖动时，只有图像被拖动而不是带有虚线边框：

我该怎么做：

我试过了：

helper: function(event) {
                return $(this).css({'background': 'none'}).clone();
        },

但是这也删除了主图像的背景

我该怎么做

Answer 1

您不需要任何其他JavaScript。 jQuery UI添加＆＃34;活动＆＃34;类所在的元素。对于可拖动的类，该类为ui-draggable-dragging，因此您只需将此规则添加到CSS中即可：

#image-list li.ui-draggable-dragging {
  border:  none;  
}

将来，通过简化代码和发布这些代码段，您的问题将得到极大改善。问题在于拖动时的行为，所以我们并不需要看到你的画布处理代码。请参阅下面的代码段。

不可否认，有时很难知道在哪里修复不良行为，但简化代码不仅可以帮助人们回答问题，还可以帮助您弄清楚代码的每个部分正在做什么。 / p>

＆＃13;

$(function(){
  var $gallery = $('#image-list li');
  $gallery.draggable();
});

＆＃13;

#image-list li{
  list-style: none;
  overflow: hidden;
  margin-bottom: 10px;
  border: 2px dashed #000;
  cursor:move;
}

#image-list li.ui-draggable-dragging {
  border:  none;  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script> 

<ul id="image-list"><li><img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Aurora_as_seen_by_IMAGE.PNG" class="draggable-image"></li>
</ul>

＆＃13;

可拖动的图像删除背景

1 个答案: