Shadowbox无法在IE中运行

时间:2010-05-06 08:33:40

标签: javascript jquery internet-explorer shadowbox

我的影子箱有点问题,它在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中工作。

我真的在绳子的尽头,任何帮助都会受到赞赏,谢谢!

1 个答案:

答案 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();
});