拖,拖,交换,Mysql

时间:2013-02-02 08:41:46

标签: javascript jquery mysql drag-and-drop

我阅读了很多与此类似的主题,但没有一个与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数据库的例子?

感谢

1 个答案:

答案 0 :(得分:1)

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

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

但是如何得到(目标)交换div的id?