我正在为一个本地软件开发用户组做一个演示。我正在尝试构建一个 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'> <input id='voteText" + i + "' type='text' data-mini='true' value='" + v + "' style='text-align:center;' /> </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();
}
有人可以帮我吗?