glekli/jquery-sortable-photos

jquery-sortable-photos's Issues

Procedure to add to a wordpress site ?

Hello,
I am a true beginner, and I like to hope that I can easily add a jquery plugin to my wordpress... Does anyone could point me in the right direction ? thanks in advance

Make sortablePhotos trigger on taphold instead of onClick

Hi,

Thank you for a really nice plugin but i'm having an issue. The plugin works perfect in the browser but on mobile its hard to scroll without accidentally dragging a photo, is there anyway to make sortablePhotos trigger on taphold instead of onClick?

Any help would be greatly appreciated

Get Sort İnfo

Hello there. Thanks for the plug. I couldn't figure out how to get queue information with AfterDrop. Where is the information about the order in which the changing picture is placed?

Thank you and serialize

Firstly, thank you so much for this jQuery plug-in - I was able to build my code around it and it worked perfectly but I noted the issue re the last image too.

Would it be possible to add a 'serialize' method in the next release?

Again, thank you.

Drag and Drop after last element.

Hello. In your demo for sorting photos I am unable to drag a photo to the end of the photo list. It will either go before or back to where it was.

In my scenario it was one image per row so a simple fix was updating the _onDrop function as follows:

_onDrop: function(droppable, ui) {
// Move the dragged item to the new position in the DOM
// and rearrange the items.
// Need to use .detach() to keep the event listeners added
// by jQuery UI.
var draggable = $(ui.draggable);
var movedItem = draggable.detach();

      //put if else check for movedItem.insertBefore() where it only puts the draggable object after
     //if its row id is less than the droppable object's row id
        if(draggable.attr("data-row-id") < $(droppable).attr("data-row-id")){
            movedItem.insertAfter(droppable);
        }
        else{
            movedItem.insertBefore(droppable);
        }
        this.arrange();

        // Trigger event so that third parties have a chance to process the result.
        this._trigger('afterDrop', null, this.element);
    }

Hope this helps. Thanks for the library.