sortable bootstrap

*

   <link href="bootstrap3.0.3/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="bootstrap3.0.3/css/bootstrap-theme.min.css" rel="stylesheet"/>
   
<!-- PAGE LEVEL STYLES -->
    <link href="bootstrap3.0.3/1002/assets/css/bootstrap-fileupload.min.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="bootstrap3.0.3/1002/assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="bootstrap3.0.3/1002/assets/css/custom.css" rel="stylesheet" />

<ul class="nav nav-tabs nav-stacked" id="sortable">
                <li><a href='#'>主题维护</a></li>
                <li><a href='#'>自定义组件</a></li>
                <li><a href='#'>内容与主题</a></li>
            </ul>   


    <script src="LayoutIT/js/jquery-2.0.0.min.js"></script>
   <script src="bootstrap3.0.3/js/bootstrap.min.js"></script>
   
   <!-- PAGE LEVEL SCRIPTS -->
    <script src="bootstrap3.0.3/1002/assets/js/bootstrap-fileupload.js"></script>
    <!-- CUSTOM SCRIPTS -->
<%--     <script src="bootstrap3.0.3/1002/assets/js/custom.js"></script> --%>
    <script src="js/jquery/ui/jquery-ui-1.9.2.custom.min.js"></script>

原来一个sortable就可以让元素上下拖拽排序

$("#sortable").sortable();
$("#sortable").disableSelection();

*

转载于:https://www.cnblogs.com/qingmaple/p/5678935.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值