jQuery Mobile的不刷新按钮样式

当我试图在JQuery的元素具有与类似下面的代码：jQuery Mobile的不刷新按钮样式

$('#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库重新构建页面，但对于我来说，我一般都找不到任何可以做到这一点的东西。我已经设法找到几个关于这是选择框和列表的问题的帖子，但是对于一般的页面，网格或按钮来说什么都没有。这到目前为止还有可能吗？它仍然在阿尔法，所以它可能不是。

来源

2011-01-31 monitorjbl

嗨。你解决了这个问题吗？我有同样的问题：一些按钮动态添加，但没有采取他们的造型 – Steve 2011-07-28 04:49:03

发现这个链接http://blog.dkferguson.com/index.cfm/2011/3/15/jQuery-Mobile-styling-loaded-content，但它看起来相当重手...

来源

2011-07-28 04:56:50 Steve

相反刷新整个页面div你可以做到这一点的：

，如果你想刷新data-role=collapsible使用collapsible()功能
，如果你想刷新data-role=button使用button()功能

个

例子：

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

来源

2011-08-05 04:46:28 Okhi

我想补充到，如果你试图刷新对照组。这对我有效。

.buttonMarkup()

来源

2012-01-13 17:34:19 imaginethepoet

这里是我的情况下工作：

我哈瓦与不同的元素列表视图，每有一个数据角色=“controlgroup”与分裂按钮它：

<ul id="my-list" data-role="listview" data-split-theme="a"> 
    <li class="list-element"> 
     <div class="listview-buttons" data-role="controlgroup" data-type="horizontal" > 
      <a href="#" data-role="button" data-icon="delete" data-iconpos="top">REMOVE</a> 
      <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="top">SELECT</a> 
     </div> 
    </li> 
    <li class="list-element"> 
     <div class="listview-buttons" data-role="controlgroup" data-type="horizontal" > 
      <a href="#" data-role="button" data-icon="delete" data-iconpos="top">REMOVE</a> 
      <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="top">SELECT</a> 
     </div> 
    </li> 
</ul>

后我添加另一个列表元素（包括新的分割按钮）动态地使用JavaScript，我需要刷新列表中，controlgroup像这样的按钮：

$('#my-list').listview('refresh'); //refresh listview first 
$('.listview-buttons').children('a').buttonMarkup(); //refresh the buttons 
$('.listview-buttons').controlgroup('refresh'); // then refresh the controlgroup

希望对你也有帮助。

来源

2012-05-17 09:44:21 user1400606

jQuery Mobile的不刷新按钮样式

回答

相关问题