多多扣
  • jquery-ui/
  • Jquery ui a的错误行为（错误显示位置）<；选择>；在jQueryUI对话框中

Jquery ui a的错误行为（错误显示位置）<；选择>；在jQueryUI对话框中

jquery-ui

Jquery ui a的错误行为（错误显示位置）<；选择>；在jQueryUI对话框中,jquery-ui,jquery-ui-dialog,html-select,Jquery Ui,Jquery Ui Dialog,Html Select,jquery ui对话框声明中的输入未显示在正确的位置。它始终位于对话框的顶部 代码如下： <div id="newarticle-form" title="Cr&eacute;ation nouvel article"> <form action="http://localhost/ravioles/administration/articleAjout" method="post" accept-charset="utf-8" id="newarticlef

jquery ui对话框声明中的
输入未显示在正确的位置。它始终位于对话框的顶部

代码如下：

<div id="newarticle-form" title="Cr&eacute;ation nouvel article">
    <form action="http://localhost/ravioles/administration/articleAjout" method="post" accept-charset="utf-8" id="newarticleform">  <fieldset>
        <label for="code" class="label-class">Code article</label>
        <input type="text" name="code" id="code" size="6" maxlength="6" class="text input-class" />
        <label for="validite" class="label-class">Date de validit&eacute;</label>
        <input type="text" name="validite" id="validite" size="10" maxlength="10" class="text input-class" />
        <label for="libelle" class="label-class">Libell&eacute;</label>
        <input type="text" name="libelle" id="libelle" size="50" maxlength="100" class="text input-class" />
        <label for="poids" class="label-class">Poids (g)</label>
        <input type="text" name="poids" id="poids" value="" size="5" maxlength="5" class="text input-class" />
        <label for="pu" class="label-class">Prix unitaire</label>
        <input type="text" name="pu" id="pu" value="" size="10" maxlength="10" class="text input-class" />
        <label for="categorie" class="label-class">Cat&eacute;gorie</label>
        <select id="categorie" >
            <option value="00001">RAVIOLES</option>
            <option value="00002">PATES FRAICHES DU ROYAN</option>
            <option value="00003">PATES FARCIES DU ROYAN</option>
            <option value="00004">QUENELLES</option>
            <option value="00005">TRAITEUR</option>
            <option value="00006">SAVEURS EXPRESS</option>
            <option value="00007">CONSERVES ET SAUCES</option>
        </select>
    </fieldset>
    </form>
        <p class="validateTips"></p>
</div>
为jQueryUI对话框的元素提供正确的位置是一件非常困难的事情

谢谢你的帮助

我没有找到好的解决方案，但我成功地在对话框中找到了一个表：

<div id="newarticle-form" title="Cr&eacute;ation nouvel article">
    <form action="http://localhost/ravioles/administration/articleAjout" method="post" accept-charset="utf-8" id="newarticleform">  <fieldset>
        <table><tr><td>
            <label for="code" class="label-class">Code article</label>
            <input type="text" name="code" id="code" size="6" maxlength="6" class="text input-class" />
        </td></tr><tr><td>
            <label for="validite" class="label-class">Date de validit&eacute;</label>
            <input type="text" name="validite" id="validite" size="10" maxlength="10" class="text input-class" />
        </td></tr><tr><td>
            <label for="libelle" class="label-class">Libell&eacute;</label>
            <input type="text" name="libelle" id="libelle" size="50" maxlength="100" class="text input-class" />
        </td></tr><tr><td>
            <label for="poids" class="label-class">Poids (g)</label>
            <input type="text" name="poids" id="poids" value="" size="5" maxlength="5" class="text input-class" />
        </td></tr><tr><td>
            <label for="pu" class="label-class">Prix unitaire</label>
            <input type="text" name="pu" id="pu" value="" size="10" maxlength="10" class="text input-class" />
        </td></tr><tr><td>
            <label for="categorie" class="label-class">Cat&eacute;gorie</label>
            <select id="categorie" >
            <option value="00001">RAVIOLES</option>
            <option value="00002">PATES FRAICHES DU ROYAN</option>
            <option value="00003">PATES FARCIES DU ROYAN</option>
            <option value="00004">QUENELLES</option>
            <option value="00005">TRAITEUR</option>
            <option value="00006">SAVEURS EXPRESS</option>
            <option value="00007">CONSERVES ET SAUCES</option>
        </select><br>
        </td></tr></table>
    </fieldset>
    </form>
        <p class="validateTips"></p>
</div>


代码条款
失效日期和失效日期；
利贝尔与埃库特；
波依德（g）
统一大奖赛
Caté；戈里
沟壑
罗扬公园酒店
罗扬闹剧酒店
昆内尔斯
叛徒
萨维尔快捷酒店
果酱
谢谢大家!^_^

我也有同样的问题。奇怪的是，当添加
或
元素时，对话框会上移到顶部。将元素包装到表中修复了该问题

<select>...</select>
<hr />
<more content>

。。。
变成

<table>
  <tr>
    <td><select>...</select></td>
  </tr>
  <tr>
    <td><more content></td>
  </tr>
</table>


...
祝其他找到这个的人好运！
Bo

看看你是否可以进行演示，并将更新的链接放入你的问题中。这是一个开始：谢谢伊舍伍德！在您制作的JSFIDLE中，下拉列表位于正确的位置。不在我的申请中。。。有很多重要的css代码来解释原因。我将尝试使用表格强制显示元素的位置。然而，我仍在寻找这种奇怪行为的原因。 
<table>
  <tr>
    <td><select>...</select></td>
  </tr>
  <tr>
    <td><more content></td>
  </tr>
</table>