大神求助啊,Jquery实现拖动
本人菜鸟一枚。,,使用Jquery实现了可拖动的DIV后(官网找的例子),拖动第一次完后成功保存,继续拖动,为什么这次传过来位置变动值(不知道有没有传值过来,反正方法是执行了,数据库也变了),就是第二次带入的值还是第一次的值,搞半天高不好,拖一次刷新一次还可以,没出错。但我不想刷新,想时事保存,跪求懂得大神指点一二,感谢阿
[最优解释]
<ul id="list1">
<li liid="6"></li>
<li liid="2"></li>
<li liid="3"></li>
<li liid="4"></li>
<li liid="1"></li>
<li liid="8"></li>
<li liid="7"></li>
</ul>
<script type="text/javascript">
$("#list1").dragsort({ dragSelector: "div", dragEnd: saveOrder, placeHolderTemplate: "<li class='placeHolder'><div></div></li>" }); function saveOrder() {
var data;
$("#list1 li").each(function(i){
data.push("{'liid':$(this).attr('liid'),'index':i}");
})
$.ajax({ url: "Default.aspx/SaveListOrder", data: '{ids:["' + data.join('","') + '"]}', dataType: "json", type: "POST", contentType: "application/json; charset=utf-8" }); }; </script>
我是这样的该加入呢个标签里呢。具体怎么搞啊,
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ClientIDMode="Inherit" >
<ContentTemplate>
<ol id="list1" >
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource2"
onitemcommand="Repeater1_ItemCommand">
<ItemTemplate>
<li data-itemid='<%# Container.ItemIndex %>' >
<div style="border: 1px dashed #CCCCCC;"><span><%#Eval("wzname")%></span><asp:ImageButton runat="server" ID="xg" ImageUrl="~/aa/20121023083858.jpg" CommandName="xg" ></asp:ImageButton><asp:ImageButton ID="de" runat="server" ImageUrl="~/aa/20121023084211.jpg" /></div>
</li>
</ItemTemplate>
</asp:Repeater>
</ol>
</ContentTemplate>
</asp:UpdatePanel>
<script type="text/javascript">
$("#list1").dragsort({ dragSelector: "div", dragEnd: saveOrder, placeHolderTemplate: "<li class='placeHolder'><div></div></li>" });
function saveOrder() {
var data = $("#list1 li").map(function () { return $(this).data("itemid"); }).get();
$.ajax({ url: "Default.aspx/SaveListOrder", data: '{ids:["' + data.join('","') + '"]}', dataType: "json", type: "POST", contentType: "application/json; charset=utf-8" });
};
</script>