К примеру:
<span class='abc'>ABC</span>
<span class='abc'>DEF</span>
<span class='abc'>GHI</span>
<span class='abc'>JKL</span>
abc.prototype.drag_products = function () {
function dragElement(event){
var elementToDrag = event.target;
elementToDrag.style.left = event.deltaX + 'px';
elementToDrag.style.top = event.deltaY + 'px';
};
function initTouchListeners(touchableElement){
var touchControl = new Hammer(touchableElement);
touchControl.get('pan').set({ direction: Hammer.DIRECTION_ALL });
touchControl.on('pan', function(event){
/** Здесь необходимо клонировать элемент по которому был осуществлен клик, для того чтобы при клике мышей, "span" остался на том же месте, но появился другой span (клон) который можно было бы передвигать
var newElement = $(this).clone();
dragElement(newElement);
// На данный момент возникает ошибка
});
};
var listItems = $('.abc');
for(var i = 0; i < listItems.length; i++){
initTouchListeners(listItems[i]);
}
};
Ситуация такова: есть span-ы. При клике мне необходимо чтобы элемент по которому я кликнул, остался но создался его клон, который я смогу перетаскивать.
Как это осуществить?
Буду признателен если ответите на эти вопросы:
Для перетаскивания использую Hamster.JS с ним тоже не все так гладко как хотелось бы...
При перетаскивании выделяется текст, как это предотвратить?
При перетаскивании, область по которой можно передвигать элемент ограничивается одним divom, на другой я попросту не могу залезть, включается скролл.
Как это исправить?
Заранее спасибо за ответы, уж очень нужно...
