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

因此，如果您想要更改可折叠的标题文本，请为可折叠标识提供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可折叠标题

1 个答案: