文档未定义,无法直接打开

时间:2014-09-26 12:53:34

标签: jquery twitter-bootstrap

这让我'文件'是未定义的错误,没有理由!我无法直接打开文件。

这是代码:

var main = function() {
  $('.icon-menu').click(function() {
    $('.menu').animate({
      left: "0px"
    }, 200);

    $('body').animate({
      left: "285px"
    }, 200);
  });

  $('.icon-close').click(function() {
    $('.menu').animate({
      left: "-285px"
    }, 200);

    $('body').animate({
      left: "0px"
    }, 200);
  });
};


$(document).ready(main);

这是html:

<html>
  <head>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='css/custom.css' rel='stylesheet'>

  </head>
      <link href="css/bootstrap.min.css" rel="stylesheet">
  <body>

    <div class="menu">

      <div class="icon-close">
      </div>

      <ul>

      </ul>
    </div>

    <!-- Main body -->
    <div class="jumbotron">

      <div class="icon-menu">
        <i class="fa fa-bars"></i>
        Menu
      </div>

     <script src="js/bootstrap.min.js"></script>
     <script src="js.js"></script>
  </body>
</html>

那么问题是什么?我把我的js.js放在根目录中,其余部分都在文件夹中。

1 个答案:

答案 0 :(得分:0)

你必须先包含jquery才能使用它:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>