Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.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
无法导入外部Javascript文件_Javascript_Jquery_Html_Css - Fatal编程技术网

无法导入外部Javascript文件

无法导入外部Javascript文件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对javascript编程有点陌生, 我正在尝试使用一个名为Cycle(jQuery插件)的插件构建一个基本的图像幻灯片,我正在尝试将这个插件导入到我的代码中,但由于某些原因,它不起作用,我已经包含了jQuery库,它工作得很好 这是HTML(+jQuery在标记中): 文件路径存在0个错误空间,可以在同一目录中找到它们, 伙计们,我在这里遗漏了什么?将放在加载jquery.min.js的行之后,因为你说它是它的插件。可能是出了差错 jquery应该放在自定义脚本之前,所有添加到索引中的脚本都

我对javascript编程有点陌生, 我正在尝试使用一个名为Cycle(jQuery插件)的插件构建一个基本的图像幻灯片,我正在尝试将这个插件导入到我的代码中,但由于某些原因,它不起作用,我已经包含了jQuery库,它工作得很好

这是HTML(+jQuery在
标记中):

文件路径存在0个错误空间,可以在同一目录中找到它们,
伙计们,我在这里遗漏了什么?

放在加载
jquery.min.js
的行之后,因为你说它是它的插件。可能是出了差错

jquery应该放在自定义脚本之前,所有添加到索引中的脚本都将按从上到下的顺序运行,因此它总是调用您试图首先启动的库

只需将其更改为以下内容:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="scriptCycle.js"></script> 


我认为
可能必须在加载
jquery.min.js
的那一行之后,因为您说过它是一个插件。将来,您必须了解,在Javascript中,您必须根据依赖关系安排链接外部脚本文件。换句话说,依赖于另一个文件的文件,它必须按顺序排在它后面。这似乎可以做到,但现在我的悬停函数不起作用,如果我将循环函数注释为out,它就可以正常工作。我认为这证明了一个新的stackoverflow问题。;)我会这么做,但stackoverflow希望我等3天XD
body, h1, ul, li {
    margin: 0; padding: 0; border: 0;
}

body {
    background: #FFF
}

#container {
    width: 1095px; margin: 40px;
    position: relative;
}

#slideshow {
    width: 800px; height: 400px; padding: 15px 0 0 12px;
    background: #FFF;
    overflow: scroll;
    position: relative; z-index: 5;
}

div#slideshow ul#nav {
    display: none;
    list-style: none;
    position: absolute; top: 210px;
}
div#slideshow ul#nav li#prev {
    position: absolute;
    left:30px;
}

div#slideshow ul#nav li#next {
    position: absolute;
    left:740px;
}

div#slideshow ul#nav li a {
    display: block; width: 24px; height: 35px; text-indent: -9999px;
}

div#slideshow ul#nav li#prev a {
    background:url(leftArrow.png);
}

div#slideshow ul#nav li#next a {
    background:url(rightArrow.png);
}

div#slideshow ul#slides {
    list-style: none;
}

div#slideshow ul#slides li {
    margin: 0 0 20px 0;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="scriptCycle.js"></script>