I'm using the following library:
//code.jquery.com/ui/1.11.4/jquery-ui.js
But when I put it to Mobile or iPad, it stops working, is there any way to get around the problem?
Javascript:
$(".container .item")
.draggable({
containment: ".container",
cursor: 'move',
height:'auto',
stop: function (event, ui) {
if ((ui.originalPosition.top != ui.position.top) ||
(ui.originalPosition.left != ui.position.left)) {
$scope.statusDrag = true;
}
})
.resizable({
containment: ".container",
aspectRatio: true,
minHeight: 15,
minWidth: 25,
height :'auto',
stop: function (event, ui) {
if ((ui.originalSize.width != ui.size.width) ||
(ui.originalSize.height != ui.size.height)) {
$scope.statusResize = true;
}
}
});
CSS:
.item {
width: 20px;
height: 20px;
background-color: blue;
}
.container {
width: 160px;
height: 160px;
background-color: #ccc;
}