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'
    });
});

像这样包装它，以确保在尝试选择元素之前该元素存在。