jQuery Mobile Multi-Select-Box

Question

So Multi-Select-Boxen sind nicht die schönsten Eingaben in das Wort zu arbeiten, aber sie können manchmal gut sein. In meinem Fall erstellen sie für jQuery mobile ein Dialogfeld, das die Seite mit allen Optionen überschreibt, die der Benutzer auswählen kann.

<div data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select name="select-choice-1" id="select-choice-1" multiple="multiple"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

Ok jetzt das Problem, das ich habe ist, dass ich brauche eine Schließen-Schaltfläche auf der Unterseite dieses hinzugefügt werden, da die Liste dynamisch besiedelt ist für eine mobile Seite sehr lange erhalten. Mit nur einem Knopf oben ist es nicht sehr gut. Gibt es eine Möglichkeit, eine Fußzeile an das mit Multiselect erstellte Dialogfeld anzuhängen? Ich kann das in der jQM API nicht finden.

Answer 1

Nicht, wenn Sie verrückt werden wollen, ihre CSS zu bearbeiten. Davon abgesehen, Sie als Option Schließen hinzufügen könnte, dann auslösen den Dialog schließen Methode, wenn es angeklickt wird:

http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/selects/methods.html