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>