javascript - Adipoli jQuery 图像悬停效果不起作用

Question

我对 adipoli 插件有疑问 - 尽管我所做的一切似乎都是正确的，但它不想工作。代码如下：

头部：

    <script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="js/lightbox.js"></script>
<script src="js/slider.js"></script>
<script src="js/jquery.adipoli.min.js"></script>
<script>
$('.shadow').adipoli({
    'startEffect' : 'normal',
    'hoverEffect' : 'popout'
});
</script>

内容部分：

echo '"<a><img class="shadow" src="photos/thumbs/thumb_'.$image['filename'].'" alt="" /></a>'; 

除了 adipoli 悬停效果之外，我还想制作一个简单的 CSS 阴影效果，它与悬停效果相比更有效。灯箱和滑块脚本也可以完美运行。任何有用的想法都会受到赞赏，尤其是有用的想法。;-)

Answer 1

$(document).ready(function() {
    $('.shadow').adipoli({
        'startEffect' : 'normal',
        'hoverEffect' : 'popout'
    });
});

像这样包装它以确保元素存在，然后再尝试选择它。