使用jQueryUI实现j组件列表拖拽添加元素

使用方法

1.引入必要文件

<link rel="stylesheet" href="jquery-ui.min.css">
<link rel="stylesheet" href="style.css">

<script src="jquery-1.11.0.min.js"></script>
<script src="jquery-ui.min.js"></script>

2.此处列举部分代码

<script>
     var data = [{
        "name":"张杰",
        "code":"0001",
         "type":"0001"
    },{
       "name":"郭富城",
        "code":"0002",
         "type":"0002"
    }];
    $(document).ready(function() {

        var html = '';

       for(var i = 0;i<data.length;i++){
           html+='<li id="'+data[i].code+'" type="'+data[i].type+'">'+data[i].name +'</li>'
       }
       console.log(html);

       $('.catalog_ol').html(html);
    })
</script>
更新时间 2020-05-20 17:15:00,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论