перетаскивать изображение удалить фон

Question

см http://liveweave.com/d8F0Qw

я хочу, когда изображение beign тащили только изображение получает тащили не с пунктирной границей:

, как я могу это сделать:

я пытался:

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

но этот снимите backgroud для основного изображения также

как я могу это сделать

Answer 1

Вам не нужен дополнительный JavaScript. Пользовательский интерфейс jQuery добавляет классы активности к элементам, на которых он работает. В случае перетаскиваемый, класс ui-draggable-dragging, так что вы можете просто добавить это правило в ваш CSS:

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

В будущем ваши вопросы будут значительно улучшены simplifiying код и разместить эти фрагменты. Вопрос касался поведения при перетаскивании, поэтому нам не нужно было видеть ваш код обработки холста. См. Фрагмент ниже.

Понятно, что иногда трудно понять, где искать исправление плохого поведения, но упрощение кода не только помогает людям ответить на вопрос, но и помогает выяснить, что делает каждый раздел кода.

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

#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; 
 
}

<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>