Wie kann ich eine jQuery Mobile dialog, der nicht Vollbild?

Ich würde gerne ein pop-up-dialog, der nicht Vollbild, D. H., es "schwebt" über der Seite, die geöffnet. Hier ist, was ich versuche:

<div data-role="page" id='Page1'>
  <div data-role='button' id="Button1">Open Dialog</div>
</div>

<div data-role="dialog" id='Dialog' 
    style='width:200px; height:100px; top:100px; left:100px;'>
  <div data-role='button' id="Button2">Close</div>
</div>

<script>

Button1.onclick = function() {
  //$.mobile.changePage($('#Dialog'))
  $.mobile.changePage('#Dialog',{role:'dialog'})
}

Button2.onclick = function() {
  $(".ui-dialog").dialog("close");
}

Obwohl ich die Grenzen-Dialog ist div, es ist immer noch Vollbild.

InformationsquelleAutor ghenne | 2012-03-01
Schreibe einen Kommentar