Javascript can'；不要让JS文件在JSFIDLE中工作

我把它放在

括号中，但似乎无法在jsfiddle中工作。我相信这与调用外部JS文件有关。。我已尝试以以下格式将其添加到HTML字段中：

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



也在“外部资源”部分，但没有这样的运气。
以下是当前不起作用的JSFIDLE：

这是括号中的工作代码：

.contenthover {
padding: 20px 20px 10px 20px;
}
.contenthover, .contenthover h3, contenthover a {
color: #fff;
}
.contenthover h3, .contenthover p {
margin: 0 0 10px 0;
line-height: 1.4em;
padding: 0;
}
.contenthover a.mybutton {
display: block;
float: left;
padding: 5px 10px;
background: #0b94e5;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contenthover a.mybutton:hover {
background: #005588;
}
.demo {
margin: 20px auto;
}
.mybackground {
background: url(transparent_bg.png);
}
h1 { margin-top:150px;}

<div class="demo">
<h2>Slide effect with different speed</h2>
<img id="d2" src="1.jpg" width="300" height="240" />
<div class="contenthover">
<h3>Lorem ipsum dolor</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum pulvinar ante quis augue lobortis volutpat. </p>
<p><a href="#" class="mybutton">Lorem ipsum</a></p>
</div>
</div>

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

$('#d2').contenthover({
effect:'slide',
slide_speed:300,
overlay_background:'#000',
overlay_opacity:0.8
});

</script>

.contenthover{
填充：20px 20px 10px 20px；
}
.contenthover、.contenthover h3、contenthover a{
颜色：#fff；
}
.contenthover h3、.contenthover p{
裕度：0 10px 0；
线高：1.4em；
填充：0；
}
.contenthover a.mybutton{
显示：块；
浮动：左；
填充物：5px10px；
背景：#0b94e5；
颜色：#fff；
-moz边界半径：4px；
-webkit边界半径：4px；
边界半径：4px；
}
.contenthover a.mybutton:悬停{
背景#005588；
}
.演示{
保证金：20px自动；
}
.我的背景{
背景：url（transparent_bg.png）；
}
h1{页边距顶部：150px；}
不同速度下的滑动效果
同侧阴唇
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前枕前庭


$（'#d2'）。contenthover({
效果：'幻灯片'，
滑动速度：300，
叠加背景：'#000'，
叠加不透明度：0.8
});
jquery.contenthover.js

应该来自哪里

jsiddle不会在生成您编写的HTML文档的同一目录中为您托管它的副本

---

您需要使用一个指向它所在位置的绝对URL。

JSFIDLE对“jquery.contenthover.js”一无所知——如果它可以在其他网站上引用，您应该能够使用它的完整路径将其添加为外部引用。如果您正确地链接到外部js文件，它就可以正常工作：感谢您的解释和示例！