javascript - JQuery Mobile 不刷新按钮样式

Question

当我尝试使用如下代码在 JQuery 中创建一个元素时:

$('#grid').append('<div id="gridElement'+counter+'" class="ui-block-'+rowLetter(counter)+'"></div>');
$('#gridElement'+counter).append('<div id="gridContent'+counter+'" data-inline="true"></div>');
$('#gridContent'+counter).append('<a id="button'+counter+'" href="#" data-role="button"></a>');
$('#button'+counter).html('someButtonText');

元素已正确添加，但未执行 JQuery Mobile 样式。这是有道理的，我知道库在加载后会立即对 DOM 做一些事情，但我想不出一种方法来根据命令实现这一点。显然我需要指示 JQuery Mobile 库重建页面，但对于我来说，一般来说我找不到任何东西来做这件事。我设法找到了几篇关于这是选择框和列表问题的帖子，但一般页面、网格或按钮没有任何内容。到目前为止，这甚至可能吗？它仍处于 alpha 阶段，因此可能不是。

Answer 1

您可以这样做，而不是刷新整个 div 页面:

• 如果您尝试刷新 data-role=collapsible，请使用 collapsible() 函数
• 如果您尝试刷新 data-role=button，请使用 button() 函数

例子:

$('#bank_content div[data-role=collapsible]').collapsible();
$('#garden_content a[data-role=button]').button();