/ / En-tête pliable JQueryMobile - jquery, jquery-mobile, cordova

En-tête pliable JQueryMobile - jquery, jquery-mobile, cordova

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

Cela fonctionne bien. Mais quand je mets cet en-tête dans un repliable, il affiche simplement Salut-Bonjour et ne montre pas repliable.

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

Existe-t-il une solution de contournement pour modifier l'en-tête réductible?

Réponses:

0 pour la réponse № 1

Donc, si vous voulez changer le texte d'en-tête d'un Collapsible, donnez-lui un ID ou une classe:

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

Comme JQM utilise jQuery, vous pouvez utiliser un certain jQuery-Magic, par exemple:

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

Si vous voulez le changer sur "pageshow" ou "pagecreate", vous pouvez essayer ceci:

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

J'espère que je pourrais vous aider :)