Ich arbeite an einer Präsentation für eine lokale Software-Entwickler-Benutzergruppe. Ich versuche eine JQuery Mobile App zu erstellen, mit der wir über verschiedene Essensoptionen für das nächste Treffen abstimmen können. Die Optionen werden dynamisch geladen. Aus diesem Grund MUSS ich die Liste dynamisch erstellen. Ich habe die eigentliche Abstimmungsfunktionalität. Mein Problem ist, ich kann das Layout nicht richtig aussehen. Im Moment, aber Tasten sieht wie JQuery Mobile - Layout ist nicht richtig ausgerichtet
Wie Sie sehen können, ist nichts richtig ausgerichtet. Ich habe eine Vielzahl von CSS-Änderungen ohne Glück versucht. Ich habe das Gefühl, dass etwas mir nicht bewusst ist. Ich würde denken, dass dies ziemlich geradlinig wäre. Aber bis jetzt habe ich mich geirrt. Hier ist mein relevanter 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();
}
Kann mir bitte jemand helfen?
versuchen Entfernen Entfernen '' – mkk
wow! Ich hatte die Idee, dass es so einfach ist. Vielen Dank! –