javascript - 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 都是可见的。这是一个最简单的tabs例子，这里有什么问题吗？

Answer 1

更改<div id="#tabs">在 <div id="tabs">