JQuery Mobile Multi-Position Block
So multi-screen boxes aren't the most enjoyable materials to work with in a word, but they can sometimes be good. In my case for mobile jQuery, they create a dialog box that overlays all the options the user can select on the page.
<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, now the problem I'm running into is that I need to add a close button at the bottom because the list is dynamically populated can take a very long time to enter the mobile page. With the button at the top closed, that's not good. Is there a way to add a footer to a dialog created with multiselect? I cannot find this in the jQM API.
source to share
Not unless you want to go crazy editing your CSS. That being said, you can add Close as a parameter, then run the method to close the dialog if it is clicked:
http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/selects/methods.html
source to share