在SQL服務器中插入/保存Jquery Draggable後的位置

-1

我一直在測試並嘗試一個多星期，嘗試使用JQuery可拖動將它從一個位置拖到另一個位置後保存/插入元素的新位置，只是不工作！我搜索了有類似問題的人，但到目前爲止還沒有解決方案爲我工作;所以我會感謝一些幫助！在SQL服務器中插入/保存Jquery Draggable後的位置

我使用jQuery的可拖動在ASP.NET C＃

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

這裏就是我拖動標籤;簡單的公式，只是想挽回在數據庫中的新位置拖動

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

來源

2014-06-14 user3257587

後您當前的代碼在這裏，否則沒有人可以幫 – kosmos

@kmsdev只是做 – user3257587

你在哪裏試圖獲得可拖動元素的位置？您對可拖動插件的調用看起來很簡單。看看[jQuery-UI API]（http://api.jqueryui.com/draggable/）。您可以在每個元素中設置索引，然後通過stop（）事件重新設置位置並將其保存到數據庫。 – kosmos

這裏之後是一個示例代碼，以達到自己的目標：

$(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 
    } 

};

正如你可以看到這個面向對象的代碼是非常簡單的，所以我認爲你會很容易理解。

檢查jsfiddle

來源

2014-06-14 16:44:06 kosmos

在SQL服務器中插入/保存Jquery Draggable後的位置

回答

相關問題