jquery拖动插件(jquery.drag)使用介绍_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:10:15
jquery拖动插件(jquery.drag)使用介绍_jquery
jquery拖动插件(jquery.drag)使用介绍_jquery: 代码如下: jQuery Dynamic Drag'n Drop body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } ul { margin: 0; } #contentWrap { width: 700px; margi
导读jquery拖动插件(jquery.drag)使用介绍_jquery: 代码如下: jQuery Dynamic Drag'n Drop body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } ul { margin: 0; } #contentWrap { width: 700px; margi

代码如下:
jQuery Dynamic Drag'n Drop script>
script>
$(document).ready(function(){
$(function() {
$("#contentLeft ul").sortable({ opacity: 0.5, cursor: 'move', update: function() {
var id="";
$("ul.ui-sortable li").each(function(){
id+=$(this).attr("id")+"
";
})
$("#contentRight").html(id);
}
});
});
});
script>
3. Returned array can be found at the right 2. Dragging changes the opacity of the item 1. Once dropped, an Ajax query is activated 4. It is very very easy 5. It is very very easy 6. It is very very easy 7. It is very very easy demo地址
jquery拖动插件(jquery.drag)使用介绍_jquery
jquery拖动插件(jquery.drag)使用介绍_jquery: 代码如下: jQuery Dynamic Drag'n Drop body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } ul { margin: 0; } #contentWrap { width: 700px; margi