/ / JQueryMobile zusammenklappbarer Header - Jquery, Jquery-Mobile, Cordova

JQueryMobile - zusammenklappbarer Header - Jquery, Jquery-Mobile, Cordova

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

Das funktioniert gut. Wenn ich diesen Header jedoch in ein zusammenlegbares Element stecke, wird nur Hallo-Hallo gedruckt, und es wird kein zusammenlegbares Element angezeigt.

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

Gibt es eine Problemumgehung, um den reduzierbaren Header zu ändern?

Antworten:

0 für die Antwort № 1

Wenn Sie also den Kopfzeilentext eines Reduzierbaren ändern möchten, geben Sie dem Reduzierbaren eine ID oder eine Klasse:

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

Da JQM jQuery verwendet, können Sie auch jQuery-Magic verwenden, z.

<script>
$("#myCollapsible .ui-btn-text").text("My New Title");
</script>

Wenn Sie es unter "pageshow" oder "pagecreate" ändern möchten, können Sie Folgendes versuchen:

<script>
// $("#myPageId").bind ... would be possible too
$(document).bind("pageshow", function(){
$("#myCollapsible .ui-btn-text").text("My New Title");
});
</script>

Hoffe ich könnte dir helfen :)