jquery-ui结合bootstrap实现拖拽排序删除效果代码

代码语言:html

所属分类:拖放

代码描述:jquery-ui结合bootstrap实现拖拽排序删除效果代码

代码标签: jquery-ui 拖拽 bootstrap 排序 删除 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">

    <style>
        #modules {
          padding: 20px;
          background: #eee;
          margin-bottom: 20px;
          z-index: 1;
          border-radius: 10px;
        }
        
        #dropzone {
          padding: 20px;
          background: #eee;
          min-height: 100px;
          margin-bottom: 20px;
          z-index: 0;
          border-radius: 10px;
        }
        
        .active {
          outline: 1px solid red;
        }
        
        .hover {
          outline: 1px.........完整代码请登录后点击上方下载按钮下载查看

网友评论0