我的影子箱有点问题,它在FF中工作正常,但它拒绝在IE 7或8中工作。
我正在使用这些脚本,
<script type="text/javascript" src="scripts/jquery-1.4.2.js"</script>
<link rel="stylesheet" type="text/css" href="scripts/shadowbox/shadowbox.css">
<script type="text/javascript" src="scripts/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
我也使用这个jQuery将rel属性分配给我日历中的所有标签,它在FF中工作正常,但在IE中根本没有。
$(function() {
$('#wp-calendar').find('a').each( function() {
$(this).attr( 'rel', 'shadowbox[Mixed];width=520;height=390');
});
});
但由于某种原因,它只是拒绝在任何IE中工作。
我真的在绳子的尽头,任何帮助都会受到赞赏,谢谢!
答案 0 :(得分:2)
您正在加载页面时立即调用Shadowbox.init();
,但仅在jquery dom:ready状态下添加rel
参数。
当执行rel=...
方法时,Shadowbox只能获取已具有init()
参数的链接。
在某些浏览器中,显然首先发生dom:ready
事件,然后执行<script>
中的脚本,但不会在IE中执行。在分配rel属性后,您应该在jquery Shadowbox.init()
内移动$(function ...
:
$(function() {
$('#wp-calendar').find('a').each( function() {
$(this).attr( 'rel', 'shadowbox[Mixed];width=520;height=390');
});
Shadowbox.init();
});