layerui js获取数据表格中的动态内容on失效live失效

lumengabc

于 2019-02-19 17:39:22 发布

阅读量372

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/webnoties/article/details/87721411

javascript 专栏收录该内容

77 篇文章

订阅专栏

本文探讨了在使用layerUI JS处理动态数据表格时遇到的on和live事件失效问题，特别是在jQuery 1.9及更高版本中。通过采用$(document).on方法并结合具体示例代码，详细讲解了如何正确监听动态生成元素的事件，实现数据更新功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layerui js获取数据表格中的动态内容on失效live失效。由于jquery1.9版本之后不再使用live，所以改成on，但直接使用on以layer中又不起作用。于是用下面的语句。

$(document).on('blur', '.short', function()

<script type="text/html" id="shortTpl">
    <input type="text" class="short layui-input" id="short_{{d.id}}" row_id="{{d.id}}" value="{{d.short}}">
</script>
<script>
    $(document).ready(function(){
        $(document).on('blur', '.short', function() {
            var short = $(this).val();
            var id = $(this).attr("row_id");
//            console.log(id+name);
            var url = '/admin/link/save';
            $.post(url,{id:id, short:short}, function (res) {
                var resObj = eval("(" + res + ")");
                if(resObj.code==0)
                {
                    window.location.reload();
                }
            });
        });

        $("#add").click(function(){
            x_admin_show('新增','/admin/link/add',600,400)
        });

    });