Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/94.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于动画点击的JQuery插件_Jquery - Fatal编程技术网

用于动画点击的JQuery插件

用于动画点击的JQuery插件,jquery,Jquery,我正在尝试制作一个动画的点击JQuery插件,我使用了demo选项卡上的源代码,并将它像这样放在我的html文件中 <body> <button id="btn2">HELLO!</button> <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script> <script type="text/javascript"

我正在尝试制作一个动画的点击JQuery插件,我使用了demo选项卡上的源代码,并将它像这样放在我的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>

你好
$(文档).ready(函数()
{
$(“#btn2”).animateClick();
});
然后我从“下载”选项卡中取出.js文件,并将其与我的html文件一起放入文件夹中,但它不起作用。我不知道我做错了什么

我的目标是让某种jQuery插件在我的html文件中工作,但它们都不起作用,我目前正在尝试这样做


编辑:如果我将函数中的代码更改为$(“btn2”).hide(),也可以编辑;然后程序就可以正常工作了。

试着像这样调用jQuery:




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

尝试这样调用jQuery:




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

如果使用Chrome,则可以访问开发工具(F12)。一开始似乎很难,但很有用

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

如果不是,通常是路径问题或语法错误

教程:


我使用了很多Chrome,但是如果你使用另一个导航器,比如Mozilla,你也有开发工具(F12)。

如果你使用Chrome,你可以访问开发工具(F12)。一开始似乎很难,但很有用

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

如果不是,通常是路径问题或语法错误

教程:


我使用很多Chrome浏览器,但是如果你使用另一个导航器,比如Mozilla,你也有开发工具(F12)。

试着打开浏览器控制台(开发工具如Knriano所说),如果你使用Firefox,按Ctrl+Shift+K访问它。

试着打开浏览器控制台(开发工具如Knriano所说),如果你使用Firefox,按Ctrl+Shift+K访问该文件。

能否确认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>

能否确认您的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>


您有一个未关闭的
标记,还包括两个版本的jqueryUse仅一个jQuery引用并删除不需要的
标记您有一个未关闭的
标记,还包括两个版本的jqueryUse仅一个jQuery引用并删除不需要的
标记你好!$(document).ready(function(){$(“#btn2”).animateClick();});这仍然只是显示按钮,但在单击按钮时不执行任何操作。我还尝试过测试它,以确保document.ready工作正常。如果我将函数中的代码更改为$(“btn2”).hide();然后它就起作用了。你好!$(document).ready(function(){$(“#btn2”).animateClick();});这仍然只是显示按钮,但在单击按钮时不执行任何操作。我还尝试过测试它,以确保document.ready工作正常。如果我将函数中的代码更改为$(“btn2”).hide();然后它就起作用了。