Drag'n drop - html - css - jquery

Question

I've creat a div like a square, and I want to the user can move it. but with drag and drop, I read a lot of forul about this, doesn't work (I want it to be possible on mobile, the computer I do not care)
how to do ?
even with the code created by Visph (drag and drop again) I can't move objects. I've try with android 4.4.4 and 7.0
https://code.sololearn.com/Wg2VViGI2KKv/?ref=app

Answer 1

This uses a lib called slim to do drag and drop of any elements
https://code.sololearn.com/WgZg39ucD3l4/?ref=app

Answer 2

@I write all my codes in ES2015, the error is caused by 'let'. You may change all declared and instantiated variables with 'let' to 'var' then run.

Answer 3

thanks ! 😀

Answer 4

line 9 : unexpexted strict word reserved word (error)
@Ben Bright

Answer 5

there is only one libs which can be used for me
https://draggabilly.desandro.com
the libs by other or by jquery ui doesn't works...

Answer 6

can you show us your code please ?

Answer 7

https://code.sololearn.com/Wdhhd3yG5Z7l/?ref=app

Answer 8

@Calvin, I want to be able to move them anywhere, not only horizontally, and when I release them they land where I dropped

Answer 9

it's excellent, gg :D

Answer 10

how do you create 2 evenly column in HTML and CSS? I did twofold { column-count: 2; } but it doesn't work.

Answer 11

Nice, even though but You should to put the tag script in JS folder and not in HTML folder

Answer 12

students
('John Smith', 'MIT');