0

ローカル ソフトウェア開発ユーザー グループ向けのプレゼンテーションに取り組んでいます。次の会議のさまざまな食事オプションに投票できるようにする JQuery Mobile アプリを構築しようとしています。オプションは動的にロードされます。そのため、リストを動的に作成する必要があります。実際の投票機能が機能しています。私の問題は、レイアウトを正しく表示できないことです。今のところ、ボタンは次のように見えますこれ

ご覧のとおり、何も適切に整列されていません。さまざまな css の変更を試みましたが、うまくいきませんでした。自分の知らない何かがあるような気がします。これはかなり簡単だと思います。しかし、これまでのところ、私は間違っていました。関連する JavaScript は次のとおりです。

$("#votesList").empty();
$.each(votesCollection, function (i, item) {
  var s = "<li><div class='ui-grid-a'><div class='ui-block-a'>";
  s += "<label><strong>" + item.data.name + "</strong></label><br />";
  s += "<span style='font-weight:normal;'>" + item.data.description + "</span>";
  s += "</div>";

  var v = getTotalVotes(i);
  s += "<div class='ui-block-b ui-grid-b'>";
  s += "<div class='ui-block-a'><input id='decButton" + i + "' type='button' value=' - '  data-mini='true' onclick='decrementVotes(" + i + ", \"" + item.data.name + "\");' /></div>";
  s += "<div class='ui-block-b'>&nbsp;<input id='voteText" + i + "' type='text'  data-mini='true' value='" + v + "' style='text-align:center;' />&nbsp;</div>";
  s += "<div class='ui-block-c'><input id='incButton" + i + "' type='button'  data-mini='true' value=' + ' onclick='incrementVotes(" + i + ", \"" + ps.data.name + "\");' /></div>";
  s += "</div></div></li>";

  $("#votesList").append(s);
});
$("#votesList").listview("refresh");

for (var x = 0; x < votesCollection.length; x++) {
  $("#decButton" + x).button();
  $("#voteText" + x).textinput();
  $("#incButton" + x).button();
}

誰かが私を助けてくれますか？

4

1 に答える 1

2

コメントが答えであることが判明したので、私はそれを答えにします：

削除してみてください&nbsp;

于 2012-04-07T21:02:50.343 に答える