如何正确链接这个外部js与html

时间:2014-02-11 08:09:39

标签: javascript jquery html

我正在努力学习自己的HTML并找到了这个js小提琴链接

http://jsfiddle.net/xfkeM/

现在我正在尝试创建一个简单的网页,但似乎缺少一些东西,因为我看不到所需的输出。

这是我的HTML代码部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='NewFolder/js.custom.js'></script>
</head>
<body>
<ul>
    <li class="togglevisibility">Toggle Me 1
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </li>
    <li class="togglevisibility">Toggle Me 2
        <ul> 
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </li>
    <li class="togglevisibility">Toggle Me 3
        <ul> 
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </li>
</ul>
<body>
</html>

和custom.js

jQuery(document).ready(function($){
    $("li>ul").hide();

    $(".togglevisibility")
      .mouseenter(function() {
          $(this).children("ul").slideDown();
      })
      .mouseleave(function() {
          $(this).children("ul").slideUp();
      });
  });

我错过了什么?

2 个答案:

答案 0 :(得分:1)

你缺少jQuery本身!包括

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

答案 1 :(得分:0)

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

包含文件