Question

我正在尝试测试animate（）函数是如何工作的，这是我实际从stackexchange获得的一个例子（它适用于小提琴），但是当我在本地计算机上运行它时，它不起作用了。

以下是代码：

<html>

<head>
    <script type="text/javascript" src="scripts\jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('button').click(function () {
                $('div').animate({
                    width: 'toggle'
                });
            });
            alert("hei");
        });
    </script>
    <style type="text/css">
        div {
            background-color: red;
            height: 100px;
            width: 100px;
            display: none;
        }
    </style>
</head>

<body>
    <button>Show/Hide</button>
    <div></div>
</body>

这是为什么？当我刷新时，没有弹出警报，所以它甚至没有处理我在那里的javascript。但它在小提琴中效果很好。

哦，这是fiddle.但是我真的不认为它是相关的，因为它在那里工作，而不是在我的本地计算机上。我错过了宣布图书馆吗？

Answer 1

请更改以下行：

<script type="text/javascript" src="scripts\jquery-1.11.0.js"></script>

这一个：

 <script type="text/javascript" src="scripts/jquery-1.11.0.js"></script>

您使用反斜杠而不是斜杠

它适用于我

Answer 2

我认为你使用的jQuery路径不正确

脚本\ jQuery的1.11.0.js

通常我们使用scripts/jquery-1.11.0.js

Answer 3

scripts \ jquery-1.11.0.js应该是scripts / jquery-1.11.0.js

为什么这个animate（）jquery函数脚本不起作用？

3 个答案: