Question

这就是我所包含的内容：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

  <script src="tabs.js"></script>

这是我的html：

            <div id="#tabs">
                <ul class="nav nav-tabs">
                    <li><a href="#tab1">Informationen</a></li>
                    <li><a href="#tab2">Kontakten</a></li>
                    <li><a href="#tab3">Nachrichten</a></li>
                    <li><a href="#tab4">Messages</a></li>
                </ul>
                <div id="tab1">dsds</div>
                <div id="tab2">dsds</div>
                <div id="tab3">dsds</div>
                <div id="tab4">dsds</div>
            </div>

，这是在tabs.js：

$(document).ready(function() {
    $( "#tabs" ).tabs();
});

页面加载后没有错误，找到所有文件，但jQuery选项卡绝对没有任何内容，所有div都可见。这是标签最简单的例子，这里有什么问题？

Answer 1

更改<div id="#tabs">

中的<div id="tabs">

JQuery选项卡不起作用 - 没有错误

1 个答案: