JQM彈出並不在Firefox

Question

我使用JQM 1.3.1

正常工作，我有幾個彈窗頁面（彈出式廣告是在頁面的底部）：

<div data-role="page" data-title="Strategic Plans"> 
    <div data-role="content" id="capbPlans" data-bind="cafeLiveScroll: { callback: getMorePlans, threshold: 0.5 }"> 

     <!-- ko2 foreach:planGroups --> 
     <section data-bind="cafeExpand: {}"> 
      <h3 data-bind="text: name"></h3> 

      <!-- ko if: $root.auth.isAllowCreate() --> 
      <div class="capbPlan capbInvite capbClosed" data-bind="click: function(o,e) { $(e.target).removeClass('capbClosed').find('textarea').focus(); }" title="Add new Plan"> 
       <textarea data-bind="value: invite, event: {keypress: createPlan}, valueUpdate: 'afterkeydown'" placeholder="Enter a name for your strategic plan" aria-label="Name" maxlength="100"></textarea> 
       <div> 
        <a href="#" class="capbBtn capbBtnCancel" data-bind="click: function(o,e) { $(e.target).parent().parent().addClass('capbClosed').find('textarea').val('').blur(); }">Cancel</a> 
        <a href="#" class="capbBtn" data-bind="click: createPlan">Save</a> 
       </div> 
      </div> 
      <!-- /ko --> 

      <!-- ko foreach: plans --> 
      <div data-bind="click: $root.goPlan, attr:{ 'class': 'capbPlan capbPlanPhase' + strategyPhase.id }"> 
       <!-- ko if: $root.auth.isAllowCreate() --> 
       <a href="#" class="copyIcon" title="Copy" data-bind="click: function(o,e){$root.selectedPlan(o);var a=$(e.target), m = $('#capbPlansMenu');$.Event(e).stopPropagation(); m.popup('open', {x: a.offset().left + m.outerWidth()/2 + 5, y: a.offset().top + 35 })}"><div class="cafeImg capbIconMenu"></div></a> 
       <!-- /ko --> 
       <h2 data-bind="text: name"></h2> 
       <p data-bind="text: description" class="desc"></p> 
       <p data-bind="text: phase, attr:{ 'class': 'phase ' + phase }"></p> 
       <footer> 
        <div data-bind="cafeUser: assignedTo" title="Owned by"></div> 
        <div data-bind="text: $root.i18n.format(modifiedOn, 'd')" title="Last modify"></div> 
       </footer> 
      </div> 
      <!-- /ko --> 
     </section> 
     <!-- /ko2 --> 
     <div id="capbPlansMenu" data-role="popup" class="capbPlansMenu" data-corners="false" data-position-to="origin"> 
      <ul> 
       <li data-bind="click: function(o,e){ $('#capbPlansMenu').popup('close'); $root.copyPlan(o); }"><a href="#">Copy</a></li> 
      </ul> 
     </div> 
     <!-- ko if: $root.confirm --> 
<div id="capbConfirm" data-role="popup" class="capbConfirmPopup" data-transition="fade" data-bind="with: $root.confirm"> 
    <h3 data-bind="text: title"></h3> 
    <!-- ko if: $data.question --> 
    <p data-bind="text: question"></p> 
    <!-- /ko --> 
    <!-- ko if: $data.item --> 
    <p data-bind="text: item"></p> 
    <!-- /ko --> 
    <div class="capbBtns"> 
     <a href="#" class="capbBtn capbBtnCancel" data-rel="back">Cancel</a> 
     <a href="#" class="capbBtn" data-bind="click: confirmed">Continue</a> 
    </div> 
</div> 
<!-- /ko --> 
    </div> 
</div> 

它適用於Chrome很好，但當在FF中打開它時，彈出窗口立即顯示爲頁面打開並掛在頁面頂部（堆疊在一起）。

我檢查了彈出式容器，我可以看到在chrome上它給了這個類：ui-popup-hidden它將其頂部/左側屬性設置爲-9999，並且基本上隱藏它。

在FF上，我發現它正在取得ui-selectmenu-hidden，而沒有任何效果。

請幫助我，我一直在我的頭上撞了幾個小時。

Answer 1

我不知道爲什麼，但清除FF緩存幫助！問題沒有了。