jquery,div层拖动,排序

1 篇文章 0 订阅
1 篇文章 0 订阅
<head id="Head1" runat="server">
    <title></title>
    <script src="../js/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="js/ui.core.js" type="text/javascript"></script>
    <script src="js/ui.sortable.js" type="text/javascript"></script>
    <style type="text/css">
        .style1
        {
         float:left;
        }
        
        .ui-icon ui-icon-arrowthick-2-n-s
        {
         background-color:Blue;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () { 
            $("#sortable").sortable({
                stop: function () {
                    var newsort = $(this).sortable("toArray");
                    $.post("ajax.aspx", { sortid: newsort, "action": "OrderTodayBest" }, function (data) {
                        if (data != "ok") {
                            alert('出问题了,联系技术人员');
                        }


                    });
                }
            });


            $("#ok").click(function () {
                location.href = "ShowBest.aspx";
            });
        });
        function RemoveToday() {
            var arr = new Array();
            $(".AllBest[@type=checkbox] :checked").each(function (i) {
                arr[i] = $(this).val();
            });
            if (arr == "") {
                dialog(arr, [
                            { val: "", className: "x", title: "木有选择", text: ""}]);
            }
            else {
                $.post("ajax.aspx", { arr: arr.toString(), "action": "RemoveOutToday" }, function (data) {
                    if (data == "ok") {
                        for (var j = 0; j < arr.length; j++) {
                            $("#" + arr[j]).remove();
                            $("#" + arr[j]).hide();
                        }
                        dialog(data, [
                            { val: "ok", className: "v", title: "操作成功", text: ""}]);


                    }
                    else if (data == "fail") {
                        dialog(data, [
                            { val: "fail", className: "x", title: "操作失败", text: ""}]);
                    }
                });
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <ul id="sortable" class="AllBest">
        <li class="ui-state-default" id="1">
            <span class="ui-icon ui-icon-arrowthick-2-n-s style1"></span>
            <div class="style1" style="width: 100px; height:20px;">aaaaaaaaaaaaaaaaaa</div>
            <div style="clear:both;"></div>
        </li>
        <li class="ui-state-default" id="2">
            <span class="ui-icon ui-icon-arrowthick-2-n-s style1"></span>
            <div class="style1" style="width: 100px; height:20px;">bbbbbbbbbbbbbbbbbbb</div>
            <div style="clear:both;"></div>
        </li>
        <li class="ui-state-default" id="3">
            <span class="ui-icon ui-icon-arrowthick-2-n-s style1"></span>
            <div class="style1" style="width: 100px; height:20px;">cccccccccccccccccc</div>
            <div style="clear:both;"></div>
        </li>
        <div style="clear:both;"></div>
    </ul>
    </div>
    </form>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值