在SQL server中插入/保存Jquery可拖动位置后的位置

本文关键字:位置 拖动 Jquery 保存 server SQL 插入 | 更新日期: 2023-09-27 18:08:32

我一直在测试和尝试了一个多星期,试图保存/插入一个元素的新位置后,从一个地方拖动到另一个使用JQuery拖拽,它只是不工作!我寻找有类似问题的人,但到目前为止还没有解决方案;所以我很感激你的帮助!

我在ASP中使用JQuery的可拖拽。净c#

<script>
    $(function () {;
        $(".move").draggable();
    });</script>

这是我要拖动的标签;简单的公式,只是试图保存它在数据库中的新位置后拖动它

<asp:Label ID="LabelPanelID" class="move" runat="server" ForeColor="Red" padding="90px" 
                    style="font-size: large"></asp:Label>

在SQL server中插入/保存Jquery可拖动位置后的位置

下面是实现目标的示例代码:

$(function(){
    $box = $('#box');
    Program.Reorder($box);
    $box.draggable({
        stop: function(){
            Program.Reorder($(this));
            Program.Save();
        }
    });
});
var Program = {
    $element: null,
    top: 0,
    left: 0,
    Reorder: function($element){
        this.$element = $element;
        this.top = this.$element.css('top').replace(/px/,'');
        this.left = this.$element.css('left').replace(/px/,'');
    },
    Save: function(){
        alert('top: ' + this.top + ''n' + 'left: ' + this.left);
        // do ajax things here
    }
};

正如你所看到的,这个面向对象的代码非常简单,所以我认为你会很容易理解它。

检查