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>
是否有任何解决方法可以更改可折叠标题?
最佳答案
因此,如果您想更改可折叠的标题文本,请为可折叠的 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>
希望能帮到你:)
关于JQueryMobile 可折叠标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11577510/