javascript - 如何在动态生成的 html 页面中运行 javascript？

Question

我有一个场景，使用 jquery mobile 我创建了一个页面列表视图。我在数据库中有许多事件，我解析网页中的事件并创建一个带有 html 页面的列表视图，每个事件一个。我还在每个页面内创建了一个独特的“订阅”按钮，以便用户可以订阅该事件（按钮的 ID 是 sub1 、 sub2 、 sub3 等。）

问题是我不知道如何访问按钮 ID，因为我看不到如何在这些动态生成的页面中运行 javascript。我想做的是，如果用户在 event1 页面并按下 sub1 按钮，订阅该事件。但我不知道数据库有多少事件，这意味着我不知道将创建多少页面。

Answer 1

使用类注册点击，然后获取ID作为属性

给所有id=subX按钮一个类sub-button，然后执行以下操作：

$('.sub-button').click(function() {
    subscribe($(this).attr('id'));
});

这会将单击按钮的 IDsubscribe作为参数传递给。

此演示将最后点击按钮的 ID 打印到div.

Answer 2

onclick您还可以在 html 中为每个按钮提供一个方法

HTML：

<button id="subX" onclick="subscribeEvent(this)">Some Subscribe button</button>

JS：

window.subscribeEvent = function (element) {
    console.log(element.id);
}

工作小提琴