/ / JQueryMobile cabeçalho dobrável - jquery, jquery-mobile, cordova

Cabeçalho dobrável JQueryMobile - jquery, jquery-mobile, cordova

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

Isso funciona bem. Mas quando eu coloco esse cabeçalho dentro de um dobrável, ele apenas imprime oi-Olá e não mostra dobrável.

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

Existe alguma solução alternativa para alterar o cabeçalho recolhível?

Respostas:

0 para resposta № 1

Portanto, se você deseja alterar o cabeçalho do texto de um recolhível, forneça ao recolhível um ID ou uma classe:

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

Como o JQM usa jQuery, você pode usar algum jQuery-Magic, por exemplo:

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

Se você deseja alterá-lo em "pageshow" ou "pagecreate", você pode tentar o seguinte:

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

Espero poder ajudá-lo :)