<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"为数据标题。
jquery??sortable
sortable
jquery
------解决方案--------------------
哈哈！用js去改啊!我反正是用的这种本办法。