1

我有一个包含 5-6 个项目的弹出窗口。在桌面浏览器上打开它时看起来一切正常,但是在 iPad 上打开它时,最后一个<li>文本直到我点击它才显示(用调试工具查看它,我看到文本在那里,只是没有显示):

点击前

在此处输入图像描述

点击后

在此处输入图像描述

HTML:

<div class="capbIpadPopup capbIpadPopupSingleSelect capbDateRangePopup capbThinScrollbars"
  data-bind="css: {capbCustomRange: $data.isCustomRange()}" style="display: block;">
  <span data-bind="attr:{'class': $data.triangleClass ? $data.triangleClass : 'capbTriangleRight'}"
    class="capbTriangleRight"></span>
  <header>
    <a href="#" class="capbBtn capbBtnBack ui-link" data-bind="click: $data.onCancelClick">Cancel</a> <a href="#"
      class="cabpDoneSelectDates capbBtn capbBtnSave ui-link" data-bind="click: $data.onDoneClick">Done</a>
    <h2 data-bind="text: $data.title">Date Range</h2>
  </header>
  <ul class="capbValues" data-bind="visible: !$data.isCustomRange()" style="">
    <!-- ko foreach: $data.item -->
    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="All">All</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1383256800000">Current Month</li>

    <li class="capbEllipsis capbCheckIconDark"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1376476930850">Current Quarter</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1356991200000">Current Year</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1368528130850">Last 6 Months</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1352893330850" style="display: list-item;">Last 12 Months</li>
    <!-- /ko -->

    <li class="capbCustomRangeSelect"
      data-bind="click: $data.onCustomRangeClick, css:{capbCheckIconDark: $parent.filterString &amp;&amp;$parent.filterString.indexOf('/')&gt;-1}"
      style="display: list-item;">Custom Range</li>
  </ul>

</div>
4

0 回答 0