最新资讯当前位置:天悦娱乐 > 最新资讯 > >

Jquery实现Div上下移动示例

  

[Jquery,Div,上下移动]Jquery实现Div上下移动示例

   代码如下:
  
$(this).ready(function() {  
$(".up").each(function() {  
$(this).click(function() {  
var $tr = $(this).parents("li");  
if ($tr.index() != 0) {  
$tr.prev().before($tr);  
}  
});  
});  
var trLength = $(".down").length;  
$(".down").each(function() {  
$(this).click(function() {  
var $tr = $(this).parents("li");  
if ($tr.index() != trLength) {  
$tr.next().after($tr);  
}  
});  
});  
$("a[name='up']").click(function() {  
if ($("input[name='rule']:checked").size() > 1) {  
alert("只能选择一项进行上下移操作!");  
return;  
}  
$("input[name='rule']:checked").each(function() {  
var $div = $('#rule_' + $(this).val());  
if ($div.index() != 0) {  
$div.prev().before($div);  
}  
});  
});  
$("a[天悦娱乐name='down']").click(function() {  
if ($("input[name='rule']:checked").size() > 1) {  
alert("只能选择一项进行上下移操作!");  
return;  
}  
$("input[name='rule']:checked").each(function() {  
var $div = $('#rule_' + $(this).val());  
if ($('#rule_' + (parseInt($(this).val()) + 1)).html() != null) {  
$div.next().after($div);  
}  
});  
});  
});  

(责任编辑:admin)

上一篇:没有了

下一篇:没有了

推荐内容

分享网站

客户服务热线

010-400-12345

在线客服