jQuery Mobile 彈出屏幕大小

Question

我正在使用 jQuery Mobile，我需要一個彈出選項來打開一個表單。 彈出窗口正在工作，但我需要讓它更大。

<div id="addPopup" data-role="popup" data-overlay-theme="a" data-theme="d" data-transition="pop" >

   <div data-role="header" data-theme="c" class="ui-corner-top">
        <div class="ui-btn-left">
            <a href="#NEED TO CONFIGURE" data-role="button" data-theme="c" data-icon="check" data-inline="true" data-ajax="false">Save</a>
        </div>

            <h1 class="ui-title" role="heading">Status</h1>

        <div class="ui-btn-right">
            <a href="#NEED TO CONFIGURE" data-role="button" data-theme="c" data-icon="delete" data-inline="true" data-ajax="false">Cancel</a> 
        </div>

項目代碼：

        <div class="grid_10" style="text-align:left; width:30%; margin-top:0px;"> 
            <input type="text" name="name" id="name" value="" placeholder="Item Code">
        </div>
    </div>

我該怎么做呢？

Answer 1

使用 CSS 調整彈出窗口的大小。

#yourpopup{
    width: 200px;
}