用于动画点击的JQuery插件
我正在尝试制作一个动画的点击JQuery插件,我使用了demo选项卡上的源代码,并将它像这样放在我的html文件中用于动画点击的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"
<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();然后它就起作用了。