jquery - JQueryMobile 可折叠标题

Question

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

这工作正常。但是当我把这个标题放在一个可折叠的里面时，它只会打印 Hi-Hello 并且不显示可折叠。

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

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

Answer 1

因此，如果您想更改 Collapsible 的 Header-Text，请给 Collapsible 一个 ID 或一个类：

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

由于 JQM 使用 jQuery，您可以使用一些 jQuery-Magic，例如：

<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>

希望我能帮助你:)