Question

我在网站上工作主要是为了好玩，我正在使用HTML和CSS。我对这些语言知之甚少，但之前从未使用过jQuery。但是对于网站的一个页面，我想要有＃34;链接滑块，＆＃34;我发现可以使用jQuery创建。我找到了一个带有滑块的jsdiddle并修改它们以适应我的项目。

以下是我希望将最终产品嵌入网站的一个页面的jsdiddle：http://jsfiddle.net/7e8xwjer/8/

我查找了如何将jQuery添加到页面，并执行了以下步骤：

1）下载了jquery-1.12.3.js并将其重命名为jquery.js。

2）在页面开头添加了以下代码行：

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

3）创建了一个名为js1.js的新.js文件，其中包含来自jsdiddle的所有jQuery代码。

4）在页面的头部添加了以下代码行（除了第一行）：

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

5）根据需要从diddle添加CSS样式和HTML表。

CSS和HTML表工作正常，但jQuery都不起作用。我确定我在这里犯了一个简单的错误，但我无法弄明白！请让我知道我需要采取哪些其他步骤才能让jQuery脚本在网站上运行。

提前感谢您的耐心和帮助。

Answer 1

通常，JSFiddle（取决于您选择的设置[参见图像，第1点]）将所有JS代码包含在文档就绪事件中，因此您的js1.js应该类似于：

 $(document).ready( function(){
    // your code from JSFiddle here
 });

修改看着你的小提琴，你正在使用JqueryUI [见图片，第2点]所以必须像其他人在评论中所说的那样包括它。

编辑2 您的小提琴设置为“onLoad”[见图像，第3点]，以便重现与$(document).ready替换$(window).load完全相同的条件;但是我不确定在你的情况下你需要等到所有资源都被加载......所以除非需要，否则不要改变它。

Answer 2

jQuery是一个函数库。你需要导入它们。下载库时，需要正确指向src=。 jquery与整个文件结构相关的目录。

myharddrive \ myfolders \ mysubfolders \ jquery 的index.html mycss.css \ myfolders

src=/jquery/jquery.min.js