jQuery mobile:动态更新可折叠标题会导致样式丢失 [英] jQuery mobile: Dynamically updating collapsible heading causes loss of styling
本文介绍了jQuery mobile:动态更新可折叠标题会导致样式丢失的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
动态更新现有可折叠元素的标头标签文本后,即使在更新后即时调用.collapsible({refresh:true}),样式也会消失.
After dynamically updating a header tags text for an existing collapsible element, the styling disappears, even though im calling .collapsible({refresh: true}) after updating.
jsFiddle: http://jsfiddle.net/RAxn5/(单击中断"链接以明白我的意思).
jsFiddle: http://jsfiddle.net/RAxn5/ (click the 'Break it' link to see what i mean).
HTML:
<div id="set" data-role="collapsible-set">
<div data-role="collapsible" id="set1" data-collapsed="false">
<h2 class="section_title">Section 1</h2>
<ul data-role="listview">
<li><a href="#"><h3>item 1</h3></a></li>
<li><a href="#"><h3>item 2</h3></a></li>
<li><a href="#"><h3>item 3</h3></a></li>
</ul>
</div>
</div>
<a href="#" id="break">Break it</a>
JS:
$('#break').click(function() {
$('#set1 h2.section_title').text('Now my style is gone!');
$('#set1').collapsible({refresh: true});
});
谢谢.
推荐答案
将其添加到span.ui-btn-text
而不是h2
.
Demo
$('#set1 span.ui-btn-text').text('Now my style is gone!');
这篇关于jQuery mobile:动态更新可折叠标题会导致样式丢失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文