1

我阅读了很多与此类似的主题,但没有一个适用于 MySql 数据库(排序示例除外)

这是我能够在我的脚本(足球经理) http://jsfiddle.net/k9854/中实现的示例

jQuery.fn.swap = function(b){ 
    // method from: http://blog.pengoworks.com/index.cfm/2008/9/24/A-quick-and-dirty-swap-method-for-jQuery
    b = jQuery(b)[0]; 
    var a = this[0]; 
    var t = a.parentNode.insertBefore(document.createTextNode(''), a); 
    b.parentNode.insertBefore(a, b); 
    t.parentNode.insertBefore(b, t); 
    t.parentNode.removeChild(t); 
    return this; 
};


$( ".dragdrop" ).draggable({ revert: true, helper: "clone" });

$( ".dragdrop" ).droppable({
    accept: ".dragdrop",
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {

        var draggable = ui.draggable, droppable = $(this),
            dragPos = draggable.position(), dropPos = droppable.position();

        draggable.css({
            left: dropPos.left+'px',
            top: dropPos.top+'px'
        });

        droppable.css({
            left: dragPos.left+'px',
            top: dragPos.top+'px'
        });
        draggable.swap(droppable);
    }
});

一切都很好,当我更改播放器(拖放和交换)时,但是,当我刷新页面时,我的新播放器排序丢失了。

如何将此示例与 mysql 数据库一起使用?或者是否有任何适用于 mysql 数据库的示例?

谢谢

4

1 回答 1

1

我设法获得了可拖动 div 的 id

var drag = $('.ui-draggable').attr('id');

但是如何获取(目标)交换的 div 的 id ?

于 2013-02-06T13:06:27.227 回答