Question

我在选项卡上使用disable（）后收到错误。每当我点击其中一个标签时使用了disable（），我就得到了：

未捕获错误：jQuery UI选项卡：不匹配的片段标识符。

日志上的

（在Chromium中）。但是，没有明显的故障; tab swiching按预期工作。

我想知道我做错了什么，或者这是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>

提前致谢

Answer 1

问题是标签小部件与DIV id =“标签”相关联，而不是导航栏div。

所以而不是

Args..., int

将其更改为

Args...

Answer 2

您的数据<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，代码就可以正常工作。

jQuery Mobile标签disable（）：未捕获错误：jQuery UI标签：不匹配的片段标识符

2 个答案: