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>

最后,您可以使用多重选择器进一步减少代码,如下所示:

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