0

私は現在 http://jsfiddle.net/TPxT7/を抱えている問題を実証するために修正した小さなフィドルを持っています。基本的にスタイルtextboxesはいいけど、何をしても変わらない。折りたたみ可能なものは常に動的に作成されます。jQuery Mobilerefreshtrigger

リンクに何か問題がある場合に備えて、コードを添付します。

HTML:

<div id="medListDiv" data-role="collapsible-set" data-theme="e" data-content-theme="e" style="padding:10px;">

</div>

SCRIPT (インデントの欠如について申し訳ありません):

$(function() {
var key, value;
var Storage = 5
// loop through local storage
for (var i = 0; i < Storage; i++) {
// retrieve the key
key = i;
// set the field from the key
value = "Medicine" + i.toString();

//$("#medListDiv").show();
var text = '<div data-role="collapsible" data-collapsed="true" data-iconpos="right">' + '<h2>' + value + '</h2>' + '<input type="text" placeholder="Quantity" />' + '<textarea cols="40" rows="4" placeholder="Type any directions written on your prescription for the above medicine." ></textarea></div>';
 $("#medListDiv").append(text);
 }

 $('#medListDiv').find('div[data-role=collapsible]').collapsible();
//$('.ui-collapsible-set').collapsible("refresh");
//$("#medListDiv").trigger("create");
//$('.ui-collapsible-set').trigger("create");
});

下部にあるように、次のコードを追加しようとしました (すべてを一度にではありません)。

$('.ui-collapsible-set').collapsible("refresh");
$("#medListDiv").trigger("create");
$('.ui-collapsible-set').trigger("create");

また、この質問に関するいくつかの回答をたどろうとしましたが、何も違いがないようです。何かが欠けている可能性がありますが、頭を働かせることができないようです。

より明確にするために、静的モードで作成したこのFiddleのようにも見えるようにしたいと思います。

提案やアイデアは大歓迎です。

4

1 に答える 1

0

ばかげた考えと他の質問と回答をざっと見た後、次を追加するだけで解決しました。

$('#medListDiv').find('div[data-role=collapsible]').collapsible();
$('#medListDiv').collapsibleset("refresh"); //This did the trick
$('#medListDiv').trigger("create");

読んでくれて/通り過ぎてくれてありがとう:)

于 2013-11-21T18:04:03.437 に答える