Question

我正在尝试从http://ajarunthomas.com/jquery/animateClick/demo/创建一个动画点击JQuery插件我在演示选项卡上使用了源代码并将其放在我的html文件中

<body>

    <button id="btn2">HELLO!</button>

    <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>  
    <script type="text/javascript" src="js/animateClick.js"></script>    
    <script>
    $(document).ready(function() 
    {

       $("#btn2").animateClick();
    });
    </script>
 </body>

然后我从下载选项卡中获取.js文件并将其放入带有我的html文件的文件夹中，但它不起作用。我不知道我做错了什么。

我的目标只是让某些jQuery插件在我的html文件中工作，但它们都没有用，我现在正试图这样做。

编辑：如果我将函数内的代码更改为$（“btn2”）。hide（）;然后程序运行得很好。

Answer 1

尝试像这样调用jQuery：

require_once __DIR__.'/index.php';

打开浏览器控制台并检查错误，然后在此处报告结果。

Answer 2

如果您使用Chrome，则可以访问开发者工具（F12）。这在开始时似乎很难，但它非常有用。

您有一个网络标签，您可以在其中查看页面使用的脚本。当我遇到css或js问题时，我通常会查看开发工具，看看我的js文件是否被接受。

如果没有，则通常是路径问题或语法错误。

教程：https://developer.chrome.com/devtools

我使用了很多Chrome，但如果您使用其他导航器（如Mozilla），您还可以使用开发工具（F12）。

Answer 3

尝试打开浏览器控制台（像Knriano所说的开发人员工具），如果您使用Firefox，请按Ctrl + Shift + K进行访问。

Answer 4

您可以在js文件夹中确认您的文件名称为“jquery-1.12.0.min.js”。因为上面的代码对我有用。注意：网站中仅存在插件js文件。如果您没有其他文件，请包含

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>

而不是

<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>

用于动画点击的JQuery插件

4 个答案: