动态创建按钮 - JQueryMobile答案

【问题标题】：Create Button Dynamically - JQueryMobile动态创建按钮 - JQueryMobile
【发布时间】：2010-12-28 04:32:47
【问题描述】：

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

【问题讨论】：

【解决方案1】：

很简单：

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

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

接下来，将按钮注入页面中任何您希望的位置：

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

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

button.button();

现在您的页面中应该有一个功能性和 JQM 样式的按钮。

【讨论】：

【解决方案2】：

编辑：现在你触发了一个事件。

.trigger('create')

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

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

【讨论】：

【解决方案3】：

简单：

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

【讨论】：

【解决方案4】：

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

以下代码不起作用：

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

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

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

【讨论】：