Question

拥有标准的JQuery手风琴和标准表格。但在手风琴中，任何选择菜单都不会出现在任何浏览器中。

搜索和搜索..似乎无法找到解决方案。其他一切都很美妙......只是选择简单不会出现。

当我使用FireBug（或任何其他检查工具）查看HTML输出时，选择菜单的HTML就在那里......它们看起来很好。他们也在手风琴外工作。

有什么建议吗？

<h4>Contact Information</h4>
<div>
   <p>
      <input name="address_1" type="text" required="required" id="clientInfoForm_address_1" form="clientInfoForm" placeholder="Address 1 - REQUIRED" tabindex="80" size="40" maxlength="253"><br>
      <input name="address_2" type="text" id="clientInfoForm_address_2" form="clientInfoForm" placeholder="Address 2" tabindex="90" size="40" maxlength="253"><br>
      <input name="address_3" type="text" id="clientInfoForm_address_3" form="clientInfoForm" placeholder="Address 3" tabindex="100" size="40" maxlength="253">
      <br>
      <input name="city" type="text" required="required" id="city" form="clientInfoForm" placeholder="City - REQUIRED" tabindex="110" maxlength="253">
      <select>
             <option value="" selected>State</option>
             <option value="AL">Alabama</option>
             <option value="AK">Alaska</option>
             <option value="AZ">Arizona</option>
             <option value="AR">Arkansas</option>
             ... 
      </select>
</div>

标准内容..和输入文本字段看起来很好，just no SELECT。

Answer 1

我最终得知这与打开时下拉列表中使用的ui默认z-index有关：

  .ui-front {
    z-index: 100;
 }

选择（下拉列表）不在JQueryUI手风琴中显示

1 个答案: