JQueryMobile可折叠标题

Question

var dw=function(string){ 
document.write(string+"-Hello"); 
} 
<h1><script>dw("Hi")</script></h1> //Hi-Hello 

这工作正常。但是当我把这个头部放在一个可折叠的，它只是打印你好，并没有显示可折叠。

<div data-role="collapsible"> 
<h3><script>dw("Hi")</script></h3> 
<p>collapsible content.</p> 
</div> 

是否有任何解决方法来更改可折叠标题？

Answer 1

所以，如果你想改变一个可折叠的页眉文字，给可折叠的ID或类：

<div id="myCollapsible" data-role="collapsible"> 
<h3>OldTitle</h3> 
<p>Content</p> 
</div> 

由于JQM使用jQuery的，你可以使用一些jQuery的魔法，比如：

<script> 
$("#myCollapsible .ui-btn-text").text("My New Title"); 
</script> 

如果你想改变它的 “pageshow” 或 “pagecreate” 你可以试试这个：

<script> 
// $("#myPageId").bind ... would be possible too 
$(document).bind("pageshow", function(){  
    $("#myCollapsible .ui-btn-text").text("My New Title"); 
}); 
</script> 

希望我能帮到你:)