jQuery Mobile選項卡disable（）：未捕獲錯誤：jQuery UI選項卡：不匹配的片段標識符

在選項卡上使用disable（）後出現錯誤。使用disable（）後，只要我點擊我得到的其中一個選項卡：jQuery Mobile選項卡disable（）：未捕獲錯誤：jQuery UI選項卡：不匹配的片段標識符

Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier.

對日誌（在Chromium中）。雖然沒有明顯的故障，標籤切換按預期工作。

我不知道我是否做錯了什麼，或者這是jQuery Mobile中的錯誤。

見樣本：

<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" 
    href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script 
    src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

<script> 
$(document).ready(function() { 
    var disabledTabs = [ 1 ]; 
    $('#navbar').tabs({disabled: disabledTabs}); 
}); 
</script> 

</head> 
<body> 
    <div data-role="tabs" id="tabs"> 
     <div id="navbar" data-role="navbar"> 
      <ul> 
       <li><a href="#one" data-ajax="false">one</a></li> 
       <li><a href="#two" data-ajax="false">two</a></li> 
       <li><a href="#three" data-ajax="false">three</a></li> 
      </ul> 
     </div> 
     <div id="one" class="ui-body-d ui-content">First</div> 
     <div id="two" class="ui-body-d ui-content">Second</div> 
     <div id="three" class="ui-body-d ui-content">Third</div> 
    </div> 

</html> 
</body>

在此先感謝

來源

2015-11-13 BMX

你的數據<div>應該是主要navbar DIV裏面如下：

<div id="navbar" data-role="navbar"> 
    <ul> 
     <li><a href="#one" data-ajax="false">one</a></li> 
     <li><a href="#two" data-ajax="false">two</a></li> 
     <li><a href="#three" data-ajax="false">three</a></li> 
    </ul> 
    <div id="one" class="ui-body-d ui-content">First</div> 
    <div id="two" class="ui-body-d ui-content">Second</div> 
    <div id="three" class="ui-body-d ui-content">Third</div> 
</div>

因爲這樣你會得到這樣的例外。只需糾正HTML和代碼應該正常工作。

來源

2015-11-13 17:35:50 vijayP

作品，非常感謝！ – BMX

歡迎@BMX ...'：）'！ – vijayP

問題是標籤小部件與DIV id =「標籤」相關聯，而不是導航欄div。

所以不是

$('#navbar').tabs({disabled: disabledTabs});

將其更改爲

$('#tabs').tabs({disabled: disabledTabs});

來源

2015-11-13 18:01:58 ezanker

也有作品！非常棒，2個45'解決方案。也謝謝你。可悲的是，我太年輕了（Stackoverflow智慧），所以我不能給你的答案投票。 – BMX

jQuery Mobile選項卡disable（）：未捕獲錯誤：jQuery UI選項卡：不匹配的片段標識符

回答

相關問題