使项目具有阴影的JQuery

Question

使项目具有阴影的jquery (http://syddev.com/jquery.shadow/)似乎不起作用。这是我尝试过的：

<link rel="stylesheet" type="text/css" href="jquery.shadow.css">       
<script src="jquery.shadow.js"></script>
<script src="jquery-1.5.min.js"></script>

<script>
    $('#SHADDOW').shadow({type:'sides', sides:'vt-2'});
</script>

<tr>
    <td><a href="http://burdu976.com/" id="SHADDOW" target='_blank'><img src="Photography8.png" id="SHADDOW" width="700"class="lazy" height="525" /></a></td>
</tr>

Answer 1

脚本执行时DOM中不存在该项，请将代码包装在document.ready处理程序中，以便在调用代码时加载DOM。

jQuery(function ($) {
    $('#SHADDOW').shadow({type:'sides', sides:'vt-2'});
});

此外，插件需要在包含jQuery之后包含在内：

<script src="jquery-1.5.min.js"></script>
<script src="jquery.shadow.js"></script>

请务必检查包含文件的路径是否正确。

Answer 2

看起来你没有包括jquery.shadow.js

你也会以错误的顺序加载它们...它应该是：

<script src="jquery-1.5.min.js"></script>
<script src="jquery.shadow.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.shadow.css">       

除了@zzzzBov在他的回答中提到的修复之外。

编辑:看起来@爱斯基摩编辑了原始问题，现在它包括了jquery.shadow.js。我不知道对原始问题编辑是否正确，因为OP可能不知道要包含该JS文件。

Answer 3

您是将脚本文件存储在本地，还是使用其他网站调用.js文件？看起来你现在正把它们存储在本地。