时间戳

首页 > 解决方案 > 双击事件不起作用 td 内容

javascript - 双击事件不起作用 td 内容

问题描述

$("#btnClients").click(function () {
            var idx;
            var stable = $('#Tbody1').DataTable({
                "ajax": {
                    "url": '/home/selectCustomers',
                    "type": "get",
                    "datatype": "json",
                    "data": { "critere": txtcr, "ch": txtch },
                },
                "columns": [
                    {
                        "data": "code", "autoWidth": true, "render": function (data) {
                            idx = data;
                            return '<h6 id="' + data + '">' + data + '</h6>';
                        }
                    },
                ]
            });
        });
$(document).ready(function () {
        $("h6").dblclick(function () {
            alert("You have clicked this twice.");
        });
    });

我有一些动作，应该发生在 h6 上的双击事件上。但是，我尝试使用此代码，但它不起作用。除此以外的任何其他方式都值得赞赏。

标签： javascriptjquery

解决方案

您需要对事件绑定使用事件委托语法，因为您h6是动态创建的。 

$('#Tbody1').on("dblclick", "h6", function () {
    alert("You have clicked this twice.");
});

您可以将事件委托给最近的静态父级或文档/正文，因为这些在页面加载时可用。

推荐阅读