jQuery Mobile向页面添加按钮不起作用

Question

我正在开发一个jQuery移动应用程序。 我遇到一个问题，除非我使用.trigger('create');否则无法动态添加按钮.trigger('create'); 但是即使添加了触发器，我仍然遇到相同的问题。 这个问题在这个网站上被问了很多次，但是所有答案都建议添加.trigger('create'); 代码。 我该如何解决这个问题？ 这是我的代码：

var button = $("<a data-role="button" id="my_button">My Button</a>");
$("#my_div").append(button).trigger('create');

$("#my_button").on("click", function(){
    alert("clicked");
});

当我单击按钮时，什么也没有发生。

Answer 1

动态添加锚点时 ，请使用.buttonMarkup()创建它。 使用上述增强方法创建data-role="button"时，可以不添加它。

$("#my_div").append($("<a/>", {
    id: "my_button",
        "data-role": "button"
}).text("Button").buttonMarkup({
    icon: "delete",
    iconpos: "notext"
}));

将绑定事件动态创建的元素应从document委托。

$(document).on("click", ".selector", function () {
  alert("clicked");
});

演示

Answer 2

更改：

var button = $("<button data-role="button" id="my_button">My Button</button>");

至：

var button = $("<button data-role='button' id='my_button'>My Button</button>");

您没有正确创建按钮。 正确连接HTML，您的代码应该可以正常工作