jquery - 动态创建按钮 - 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()不是应用样式的有效修复方法。