Which drag and drop to use? jQuery draggable droppable or HTML5 native drag-and-drop? or maybe other? [closed]

227
November 21, 2016, at 9:18 PM

We are developing a drag and drop CMS called ucraft.me. It is based on Laravel + EmberJS + jQuery + Greensock(GSAP).

Imagine it works the following way:

  1. There is a blank page with a left panel, where you have different modules to craft your pages. Ex., title, button, image, slider, video, etc...
  2. The white page is based on a grid where there can be max 4 modules.

Now imagine we have a module - button, in the centre of a full width row(span12) and now we decided to drop another module, like Title, which will split the current row into span6 - span6. Currently we are using jQuery draggable droppable, to calculate all the droppable areas and to let the user drop certain elements.

Can someone recommend a better drag and drop library to implement this, is there anyone with a similar experience? Do you think jQuery draggable-droppable is a good choice to implement the drag and drop feature in the site builder? Does it have good performance?

Or should we use HTML5 native drag-and-drop library?

Thanks!!

Answer 1

This article may be of use: https://medium.com/delightful-ui-for-ember-apps/ember-js-and-html5-drag-and-drop-fa5dfe478a9a - leverage ember for the drag and drop events it provides.

READ ALSO
Jquery mobile clear touch screen “touched” button focus, active, hover

Jquery mobile clear touch screen “touched” button focus, active, hover

Trying to figure out how to reset a button back to the "untouched" state. I am using a button as:.

294
Why I cannot disable some dates in datetimepicker based on my logic in jquery?

Why I cannot disable some dates in datetimepicker based on my logic in jquery?

I'm using the following javascript: http://xdsoft. net/jqplugins/datetimepicker , and I want to achieve simple effect - when User selects today's day, it should show him only hours available from now until the end of the day, the previous time should...

198
jqgrid addRowData gives error t.p.data.push is not a function

jqgrid addRowData gives error t.p.data.push is not a function

I am adding data to the grid using a custom button. In case if data already exists in the grid, the new row is added correctly.

527
Mobile menu breakpoint in Foundation

Mobile menu breakpoint in Foundation

When I resize the browser, the mobile menu shows up at 568x320 where the default breakpoint is. .

304