在 Cordova 应用程序中获取动态创建的 html 行的文本

Question

我正在尝试 select 并使用 javascript/jquery 获取动态创建的行的值。我已经尝试了多种它们在浏览器上运行但在 IOS 移动设备上运行的东西。我尝试了 .click、.live、.on、.tap 函数，但在单击动态创建的 table 行时，应用程序似乎无法识别其中任何一个。下面是一些我试过并放在 Device.ready() 中的片段。如有任何建议，我们将不胜感激。

片段 1：

 $("#TblInspectionData tr").click(function () {
                alert("RowClicked")
            });

片段 2：

 $('#TblInspectionData tr').live('click', function () {
                alert("RowClicked");
            });

片段 3：

$("#TblInspectionData tr").on("tap", function () {
            alert("RowClicked");
        });

片段 4:

$("#TblInspectionData tr").on("click", function () {
            alert("RowClicked");
        });

Answer 1

因为执行 javascript 时行还不存在，所以不会向它们添加任何事件。如果您想动态添加事件，则必须向 on( 函数添加一个选择器。

例如，像这样：

$("#TblInspectionData").on("click", "tr", function () {
    alert("Clicked");
});

以上代码假定 #TblInspectionData 在页面加载时已经在 DOM 中。如果不是，您应该添加此元素的最近父元素，即您的 html.

在 Cordova 应用程序中获取动态创建的 html 行的文本

Get Text of dynamically created html row on touch in Cordova App

javascript

jquery

dynamic-tables

cordova