我遇到了Jquery qtip插件的问题。
它在Firefox中运行正常(请参阅此处http://movieo.no-ip.org/将鼠标悬停在第一张图片上)。
但是在IE中不起作用。这是代码:
$('.moviebox').each(function() {
$(this).qtip({
content: $(this).children('.info'),
show: 'mouseover',
hide: 'mouseout',
style: { name: 'light' },
position: {
corner: {
target: 'rightbottom',
tooltip: 'bottomleft'
}
}
});
});
和html
<!--start moviebox-->
<div class="moviebox">
<a href="#">
<img src="http://1.bp.blogspot.com/_mySxtRcQIag/S6deHcoChaI/AAAAAAAAObc/Z1Xg3aB_wkU/s200/rising_sun.jpg" />
</a>
<!--start infobox-->
<div class="info">
<span>Rising Sun (2006)</span>
<div class="description"><strong>Description:</strong><br /> test test test test test test test test test test test test test test test test</div>
<img src="http://1.bp.blogspot.com/_mySxtRcQIag/S6deHcoChaI/AAAAAAAAObc/Z1Xg3aB_wkU/s200/rising_sun.jpg" />
<div class="cast"><strong>Cast:</strong><br /> Sean connery</div>
<div class="rating"><strong>Rating:</strong><br />5stars</div>
</div>
<!--end infobox-->
</div>
<!--end moviebox-->
为什么不能在IE中工作?????甘拜下风。查看movieo.no-ip.org了解整个来源
答案 0 :(得分:4)
尝试使用以下内容:
$('.moviebox').each(function() {
$(this).qtip({
content: $(this).find('.info'),
show: 'mouseover',
hide: 'mouseout',
style: { name: 'light' },
position: {
corner: {
target: 'rightbottom',
tooltip: 'bottomleft'
}
}
});
});
在IE中,.info不是.moviebox的直接后代。
答案 1 :(得分:0)
您可以添加
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
对于IE它会起作用。