JQuery选项卡没有't工作-没有错误

JQuery tabs doesn't work - no error

本文关键字:工作 有错误 选项 JQuery      更新时间:2023-09-26

这就是我包含的内容:

  <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都可见。这是最简单的选项卡示例,这里有什么问题?

更改<div id="tabs"> 中的<div id="#tabs">