2010-06-14 57 views
0

我使用jQuery来创建使用此代码jQuery的标签和IE8

<script> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

这是在Firefox的工作就像在其他浏览器下面这个:

但在IE 8 ...它这样做,但在7罚款。

我认为这是事端做的脚本不透明度,但我不能让它的工作。有人有什么主意吗。

干杯

+0

您的标记是什么样的?您是否在页面中多次使用这些“ID”值? – Pointy 2010-06-14 12:36:16

+0

看起来这是我们在一个安全的网站上使用外部JS scource的事实......更奇怪。现在通过使用本地JS工作。 Woot woot :)呃如何关闭线程哈哈 – Stephen 2010-06-14 13:28:04

回答

7

我看到你得到它通过固定的jQuery/UI参考工作,但只是作为一个说明,你可以有一个<script>标签内的多个代码块,像这样:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
    $(document).ready(function() { 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

此外,您可以在任何document.ready内运行尽可能多的,只要你想,像这样:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

而在去年,你可以使用multiple selector进一步减少代码,如下所示:

<script type="text/javascript"> 
    $(function() { //shortcut for $(document).ready(function() { 
    $("#content, #documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script>