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

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 选项卡不起作用 - 没有错误

JQuery tabs doesn't work - no error

html

javascript

jquery

tabs