使用jquery.nestable.js添加点击事件

html:

<ol class="dd-list">
<li class="dd-item" data-id="">
    <div class="dd-handle">
        <span class="label label-info"><i class="fa fa-cog"></i></span> 

    </div>
    <div><input style="margin-left: 200px"  type="radio" value="" name="1" class="checks"></div>
    <button class="dd-demo" οnclick="edit()"></button>
    <button class="dd-demo1" οnclick="model_menu_del()">11</button>
</li>
</ol>


style:主要是添加绝对定位
<style>
    #nestable2 .dd-item >.dd-demo::before{content:  "编辑";width: 40px;height: 30px;line-height: 30px;top: -0px;border-radius: 2px;color: orange;
    }
    #nestable2 .dd-item >.dd-demo1::before{content:  "删除";width: 40px;height: 30px;line-height: 30px;top: -0px;border-radius: 2px;color: red;}
    button.dd-demo{position: absolute;top: 0px;right: 50px;}
    button.dd-demo1{position: absolute;top: 0px;right: 0px;}
    input.checks{position: absolute;top: 0px;right: 100px;margin-top: 15px}
</style>
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值