jQuery Mobile 选项卡导航延迟

Posted

技术标签:

【中文标题】jQuery Mobile 选项卡导航延迟【英文标题】:jQuery Mobile Tab Navigation Delay 【发布时间】:2015-11-30 18:10:14 【问题描述】:

我有一个使用 Jquery 移动选项卡控件的选项卡控件。它运行良好,但<li> 中的选项卡活动状态会延迟 2 或 3 秒,即当用户单击选项卡时,内容会立即加载,但需要 3 秒时间才能突出显示选项卡标题。

我的代码在下面

<div data-role="tabs" id="tabsHistory" class="diaryMainTab">
<div data-role="navbar" class="arrow_Tabbox1 clsHistoryTab" id="divHistoryNavbar">
   <ul class="clsHistoryUl clsDynamicFontColor">
      <li id="recent_earned_active" class="clsHistoryLi1 clsHistoryAtag">
         <a href="#recent" data-ajax="false" 
            class="clsPyType clsHistoryTabAnch 
                   ui-btn-active clsTabPadRight diaryEvt">Recent</a>
      </li>
      <li class="clsHistoryLi3 clsHistoryAtag2">
         <a href="#overall" data-ajax="false" 
            class="clsPyType clsHistoryTabAnch clsTabPadRight upcomingEvt">Overall</a>
      </li>
   </ul>
</div>

【问题讨论】:

即使您从 中删除您的课程,效果是否相同? 是的,我之前试过 【参考方案1】:

可能是 300 毫秒延迟错误? Heres a post 关于如何解决这个问题。

【讨论】:

以上是关于jQuery Mobile 选项卡导航延迟的主要内容,如果未能解决你的问题,请参考以下文章

带有导航和选项卡的 jQuery 地址插件

jQuery封装tab选项卡组件(自定义自动功能和延迟显示功能)

Safari Mobile Web Inspector 不显示元素选项卡

猫头鹰轮播不适用于引导选项卡导航

在 Mobile Safari 中通过 JavaScript 检测关闭浏览器选项卡?

将页面加载到 div 中并选择特定的 jQuery UI 选项卡