Jquery选项卡和IE8

Question

我正在使用jquery使用此代码创建以下内容

 <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中就可以了。

我认为这与脚本不透明度有关，但我无法让它发挥作用。有没有人有任何想法。

干杯

Answer 1

我看到你通过修复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>