jquery sortable

认真为自己 2013-11-28 02:24:57

<style>
.inspect_list{
margin:3px auto 0;
float:left;
height:21px;
width:100%;
line-height:22px;
background:#E9E9E9;
overflow:hidden;
display:inline;
}
.not_move{
background:#ccbbdd;
cursor:auto;
}



$("#a,#b,#c").sortable({
connectWith: ".move_all",
items: "div:not(.not_move)",
opacity: 0.5,
helper: "clone",
receive: function(event, ui) {
alert($(this).html());
}
});
$("#a div,#b div,#c div").disableSelection();


$.ajax({
url:"./ajax_save.php",
type:"POST",
dataType:"html",
data:"action=knob_proving&valueOne=123",
async:false,
success: function(html){
html=html.split(",");
for (var i=0;i<html.length;i++ ) {
strs=arrRecord[i].split("_");
if(html[i]!=1){
var s=i+1;
$("#a").append("<div id='x_"+s+"' class='inspect_list'>"+strs[2]+"</div>");
}else{
$("#a").append("<div id='x_"+s+"' class='inspect_list not_move'>"+strs[2]+"</div>");
}
}




<div id="a" class="move_all" style="float:left;width:168px;height:261px;overflow:hidden;">
<div id="inspect1" class="not_move" style="margin:0 auto;height:21px;line-height:22px;background:#f0f0f0">数据1</div>
</div>
<div id="b" class="move_all" style="margin-left:5px;padding-left:5px;border:solid #aabbcc;border-width:0px 0px 0px 2px;height:261px;overflow:hidden;overflow:hidden">
<div id="inspect2" class="not_move" style="margin:0 auto;height:21px;line-height:22px;background:#f0f0f0">数据2</div>
</div>
<div id="c" class="move_all" style="float:left;width:168px;text-align:center;height:147px;overflow:hidden">
</div>

条件:
ajax请求请求数据插入DIV id="a"中并且可以进行拖动,DIV id="a"与"c"都可将数据拖动至DIV id="b"容器.
问题:
1、在拖动DIV id="a"与"c"时如何获取ID并可改变id="b"容器结构。
2、在将DIV id="a"与"c"数据拖动至id="b"容器后不可将数据回拖。

注:id="inspect1"与id="inspect2"为数据标题。
...全文
152 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
认真为自己 2013-11-29
  • 打赏
  • 举报
回复
查看文档后知道终于知道怎么设置了!

receive: function(event,ui) {
    alert($(ui.item).attr("id"));
}
认真为自己 2013-11-29
  • 打赏
  • 举报
回复
认真为自己 2013-11-29
  • 打赏
  • 举报
回复
用js获取不到ajax动态插入的DIV数据的ID 不清楚为什么!
Null_Reference 2013-11-28
  • 打赏
  • 举报
回复
哈哈!用js去改啊!我反正是用的这种本办法。
认真为自己 2013-11-28
  • 打赏
  • 举报
回复
有 在 的 么?

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧