JQueryMobile 可折叠标题

Question

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

这很好用。但是当我将此 header 放入可折叠项中时，它只打印 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-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>

希望能帮到你:)