动态创建按钮 - JQueryMobile

Question

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

Answer 1

很简单：

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

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

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

$("#my_button_div").append(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 create grid dynamically

Answer 4

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

以下代码不起作用：

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

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

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