返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

jquery实现的鼠标拖动排序Li或Table

2020-05-17 06:20:23易采站长站整理

1、前端页面

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”拖动排序Li或Table.aspx.cs” Inherits=”拖动排序Li或Table” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head id=”Head1″>
<title>广告管理 </title>
<link href=”Styles/css.css” rel=”stylesheet” type=”text/css” />
<script src=”Scripts/jquery-1.4.1.js” type=”text/javascript”></script>
<script src=”Scripts/ui.core.js” type=”text/javascript”></script>
<script src=”Scripts/ui.sortable.js” type=”text/javascript”></script>
<script type=”text/javascript” language=”javascript”>
//添加广告
function addlinks() {
editWidget(“PhoneArticleListPageInsOrUp.aspx”);
}
</script>
<script type=”text/javascript”>
$(function () {
$(‘.sortable’).sortable({ cursor: ‘move’ });
});
</script>
<script type=”text/javascript”>
//编辑
function editlink(prefix, aftfix, obj) {
editWidget(“PhoneArticleListPageInsOrUp.aspx?ID=” + obj);
}
</script>
<script type=”text/javascript”>
function getsortresult(prefix, aftfix) {
var flag = document.getElementById(“” + prefix + “_sortable_” + aftfix + “”);
if (flag) {
var result = $(“#” + prefix + “_sortable_” + aftfix + “”).sortable(‘toArray’);
$(“:button”).attr(“disabled”, “disabled”); $(“:submit”).attr(“disabled”, “disabled”);
$(“#delay_” + prefix + “_” + aftfix + “”).show();
$(“#normal_” + prefix + “_” + aftfix + “”).hide();
$.ajax({
url: “PhoneArticleListPage_2.aspx?word=” + result,
cache: false,
success: function (html) {
$(“#delay_” + prefix + “_” + aftfix + “”).hide();
$(“#normal_” + prefix + “_” + aftfix + “”).show();
$(“:button”).removeAttr(“disabled”); $(“:submit”).removeAttr(“disabled”);
}
});
alert(flag);
alert(“手机文章列表排列顺序保存成功！”);
}
else {
alert(“没有需要排序的手机文章列表！”);
return false;
}
}
</script>
<script type=”text/javascript”>
//删除广告
function deletelink() {
if (confirm(“您确定删除您刚才选中的项吗?”)) {

相关文章 大家在看