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> 

希望我能幫到你:)