Question

我正在使用jQuery Mobile 1.4.5。在以下条件下，我有一个不显示的元素：它的CSS位置是＆＃34;绝对＆＃34; 2.它位于JQM＆＃34;网格＆＃34;：

下的DOM中

<div class="ui-grid-a">
  <div class="ui-block-a">
    <div class="tt_autocomplete_wrap">
       <ul class="jqm_autocomplete ui-listview ...bla >
          <li class="ui-first-child" >
            <a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="#">Not Seen If Absolute</a>

请在此处查看详细信息：http://jsfiddle.net/needlethread/kkpjq8ww/

如果.jqm_autocomplete元素的CSS位置设置为＆＃34;绝对＆＃34;，则不会显示演示中的第一个元素。我把它显示在小提琴中，但取消注释该行显示了问题：

.jqm_autocomplete {
  /* uncomment the next line to see the problem */
  /*    position: absolute; */

但是：正确定位 - 可以使用大纲形式的开发人员工具来查看它，确切地说它应该在哪里。它的z轴位置也在所有东西的前面。

我看不到工作和非工作元素的计算样式有什么不同，但是我错过了什么？

编辑：看起来其中一个被剪裁了。小提琴更新后清楚地表明了这一点：http://jsfiddle.net/needlethread/kkpjq8ww/16/

Answer 1

尝试在其父div css类上评论position: relative，即：<div class="tt_autocomplete_wrap">并取消注释position: absolute;

CSS上的

.tt_autocomplete_wrap {
    /*position: relative;*/
}

希望这有助于!!!!

Answer 2

试试这个：

$("#element").show();

当position：absolute时，DOM元素不显示

2 个答案: