onglets Jquery et IE8

Question

J'utilise jquery pour créer les éléments suivants en utilisant ce code

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

Ici, il est dans Firefox fonctionne comme dans tous les autres navigateurs comme ceci:

mais IE 8 ... il le fait mais en 7 c'est bien.

Je pense qu'il est somethin à voir avec l'opacité du script, mais je ne peux pas le faire fonctionner. Est-ce que quelqu'un a une idée.

Vive

Answer 1

Je vois que vous l'avez travail en fixant la référence jQuery/UI, mais comme une note, vous pouvez avoir plusieurs blocs de code à l'intérieur d'une seule étiquette <script>, comme celui-ci:

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

en outre, vous pouvez exécuter autant que vous voulez à l'intérieur tout document.ready, comme ceci:

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

enfin, vous pouvez utiliser la multiple selector pour réduire le code encore plus loin, comme ceci:

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