zoukankan      html  css  js  c++  java
  • 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();

    *

    有问题在公众号【清汤袭人】找我,时常冒出各种傻问题,然一通百通,其乐无穷,一起探讨


  • 相关阅读:
    flex
    导航守卫 -vue
    H5 History
    JSX -react
    插槽slot -vue
    js 模拟鼠标绘制方块
    js 模拟滚动条
    js 实现简易留言板功能
    js 实现端口列表话
    js 为数组编写该方法;indexOf
  • 原文地址:https://www.cnblogs.com/qingmaple/p/5678935.html
Copyright © 2011-2022 走看看