如何将外部jquery插件添加到我们的网站

时间:2017-04-09 04:48:14

标签: jquery plugins

enter image description here

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="C:\Users\monic\Desktop\aboutme\simple-text-rotator-master\jquery.simple-text-rotator.js"> </script>
<script type="text/javascript" src="C:\Users\monic\Desktop\aboutme\simple-text-rotator-master\jquery.simple-text-rotator.min.js"> </script>

超简单,可定制,重量轻,易于文字旋转的风格

$(&#34; .rotate&#34)。textrotator({   动画:&#34;溶解&#34;,//你可以选择旋转单词时动画的方式。选项是溶解(默认),淡入淡出,翻转,翻转,flipCube,flipCubeUp和旋转。   separator:&#34;,&#34;,//如果你不想让逗号成为分隔符,你可以使用这个字段自己定义一个新的分隔符(|,&amp;,*等)。   速度:2000 //直到下一个单词显示多少毫秒。 });

我应该如何包含路径???

2 个答案:

答案 0 :(得分:0)

控制台中的消息错误是什么?

如果您没有使用任何框架,那么必须相对于index.html(主HTML)调用您的文件“myfile.js”

例如,如果您的index.html和myfile.js位于同一目录中,那么:

<强>的index.html

<script type="text/javascript" src="myfile.js"> </script>

如果你的myfile.js在“other / myfile.js”中,那么:

<强>的index.html

<script type="text/javascript" src="other/myfile.js"> </script>

答案 1 :(得分:0)

访问C驱动器上的文件将导致跨源错误。相反,我会使用CDN。此外,需要包含.min.js和.js,因为.min.js与.js相同,只是更加压缩。最后,你也忘了包含.css文件,所以我也解决了这个问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-text-rotator/1.0.0/jquery.simple-text-rotator.min.js"></script>
<link rel="stylsheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-text-rotator/1.0.0/simpletextrotator.min.css" />