1

ここに私のJavaScriptコードスニペットがあります:

<script>
function returnStringForID(param) {
var retStr =
param.replace(/[\. ,:-]+/g, '').replace(/'/g, '')
    .replace(/&/g, '').replace(/\(|\)/g, '');
return retStr;
}
$(document).ready(function () {
var chanId = 'Demo';
var fs_dyn = $('#fs_dyn');
var data = ['Sony', 'Pix', 'Max', 'Set'];

var seriesColors = ['#4000E3', '#FFC526', '#FF0000', '#C0504D'
, '#1F497D', '#4BACC6', '#8064A2', '#9BBB59', '#F79646', '#948A54'];

for (var i = 0; i < data.length; i++) {
var checkId = "graphItem_" + i;
var color;
color = seriesColors[i];

var chanId = returnStringForID(data[i]);

var tmp = "";
tmp = "<input type='checkbox' checked='true' class='custom' value='" + data[i]
    + "'  id='" + chanId + "' name='" + chanId + "'/>"
    + "<label for='" + chanId + "' style='font-size:12pt;font-weight:bold;color:"
    + color + "'>" + data[i] + "</label>";

fs_dyn.append(tmp);

}
fs_dyn.trigger('create');

});

</script>

HTMLは次のとおりです。

<td width='30%' style="vertical-align: top;" id="tdDynamic">
<fieldset data-mini='true' id='fs_dyn'></fieldset>
</td>

このコードは、未加工の html で実行すると完全に機能します。ただし、webview 内では、チェックボックスはスタイルされません。また.trigger('create')、同じアプリでネストされた折りたたみ可能なものをスタイルするために使用しましたが、これも webview 内にありますが、それは正常に機能します。

PS: 念のため、JQM 1.3.1 バージョンを使用しています。

4

1 に答える 1

2

または任意のjQuery Mobile eventspageinitと同等のイベントを使用します。.ready()

デモ

$(document).on('pageinit', function () {
  // code
});

jQuery Mobile での使用は推奨されていません。この投稿.ready()を参照してください。

于 2013-09-19T22:44:47.060 に答える