JQM彈出 - fieldcontain不起作用彈出內

我正在使用Jquery移動彈出並希望在彈出窗口中顯示一個窗體。我想在同一行顯示文本標籤和文本框。所以，我在周圍使用帶有fieldcontain的div。它在彈出窗口之外工作，但不在裏面。JQM彈出 - fieldcontain不起作用彈出內

<a href="#popupBasic" data-rel="popup">Open Popup</a> 
<div data-role="popup" id="popupBasic"> 
    <div data-role="fieldcontain"> 
     <label for="input"> Fieldname </label> 
     <input type="text" id="input" value="" /> 
    </div> 
</div> 

<div data-role="fieldcontain"> 
    <label for="input"> Fieldname </label>             
    <input type="text" id="input" value="" /> 
</div>

看到這個的jsfiddle：http://jsfiddle.net/B3pyG/

我不知道這是彈出的限制。

來源

2013-01-02 Itoo Power

它看起來像Field Containers受Popups使用的樣式的阻礙。我試着用自己的形式例如：http://jsfiddle.net/Twisty/BrsR2/

HTML

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Test PopUp</h1> 
    </div> 
    <div data-role="content"> 
     <a href="#popupBasic" data-rel="popup">Open Popup</a> 
     <div data-role="popup" id="popupBasic"> 
      <form> 
       <div style="padding:10px 20px; width: 440px"> 
        <h3>Please sign in</h3> 
        <div data-role="fieldcontain"> 
         <label for="un">Username:</label> 
         <input placeholder="username" id="un" value="" name="user"> 
         <label for="pw">Password:</label> 
    <input id="pw" type="password" placeholder="password" value="" name="pass"> 
        </div> 
        <div data-shadow="true" data-iconshadow="true" data-icon="" data-iconpos="" data-theme="b" aria-disabled="false"> 
        </div> 
       </div> 
      </form> 
     </div> 
     <div data-role="fieldcontain"> 
      <label for="input"> Fieldname </label> 
      <input type="text" id="input" value="" /> 
     </div> 
    </div> 
</div>

的彈出式包裝似乎拉一切和包裝一樣，因爲它可以。他們談論它在文檔：

彈出窗口由兩個部分組成：在屏幕上，這是覆蓋整個文檔透明或半透明的元素，和容器，這是彈出本身。如果您的原始元素具有 id屬性，則屏幕和容器將分別根據此屬性接收ID爲的屬性。屏幕的ID後綴爲「-screen」，容器的ID後綴爲「-popup」（上述示例爲，分別爲id =「popupBasic-screen」和id =「popupBasic-popup」，）。

框架增加了保證金文本元素的量小，但它真的只是用圓角和供應爲您設計一個空白的狀態（即使這些功能都可以通過options禁用）陰影的容器。

您可以通過爲標籤製作一個框並懸浮輸入來解決此問題。例如：

<span display="width: 100%; display: block;"> 
    <span style="display: inline-block; width: 100px;">Label: </span> 
    <input type="text" name="test" style="width: 340px; float: right;"> 
</span>

來源

2013-01-02 23:49:50 Twisty

是的，該解決方法工作正常。我也嘗試使用popupafteropen事件添加表單元素。但風格格式不起作用。我希望有一個更新的方法來實現fieldcontain。但是，您的解決方法解決了該問題。 –

我還沒有見過。可以嘗試像'.page（「create」）'。 – Twisty

雖然問題是3年前，但只是一個建議，也許你可以在彈出窗口中使用表？

來源

2016-04-06 05:49:44 Winona

JQM彈出 -​​ fieldcontain不起作用彈出內

回答

相關問題

JQM彈出 - fieldcontain不起作用彈出內