动态创建按钮 - JQueryMobile

Question

如何使用 jQuertMobile 动态创建按钮。

Answer 1

非常简单：

首先通过以下方式创建一个按钮 HTML JQuery 元素：

var button = $("<button>My Button</button>");

接下来，将按钮注入到页面中您想要的任何位置：

$("#my_button_div").append(button);

最后在按钮上运行 button() JQuery Mobile 命令：

button.button();

您应该有一个功能性且 JQM 风格的按钮现在在您的页面中。

Answer 2

编辑：现在您触发的事件已完成。

.trigger('create')

详细信息和最新描述“如何让 JQM 处理我添加到 DOM 的内容？”在这里： http://jquerymobiledictionary.pl/faq.html

创建它，然后调用 page () 元素上。它将把 jquery mobile 中的所有插件和样式应用到您创建的任何元素。

Answer 3

简单：

var button = $("<button>My Button</button>");
$("#my_button_div").append(button).trigger('create');

这里的例子： jquery mobile 动态创建网格

Answer 4

上面的链接已损坏，该解决方案对我不起作用。

以下代码不起作用：

$(this.el).append("<button id='add2' data-role='button'>Add list item</button>");

$('#add2').page();

按钮已添加并且无需调用 $('#add2').page(); 即可完美运行，但它没有 JQuery Mobile 样式。因此，在将按钮添加到 DOM 后，调用 .page() 并不是应用样式的有效修复方法。