jQuery et IE9

24 sept. 2013, 09:18

Salut a tous, depuis hier je cherche la solution pour faire fonctionner jQuery sous IE9 mais impossible pourtant tous va bien sous IE7, IE8 et IE10, j'ai pas mal chercher, beaucoup de gens on le soucis mais je n'ai trouver aucune solution pour résoudre mon soucis...

<!DOCTYPE html>
<html lang="fr-FR">
    <head>
        <meta charset="utf-8"/>

        <title>titre du site</title>
        <link rel="dns-prefetch" href="//fonts.googleapis.com"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

        <!-- CSS Commun -->
        <link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
      

        <!--[if lt IE 9]>
            <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"/>
        <![endif]-->
    </head>

    <body>
        
        
        <!-- JS -->
        <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.9.1.js"></script>
        
    </body>
</html>

Si par hasard quelqu'un a la solution, qu'il n'hésite pas, merci d'avance

24 sept. 2013, 10:07

Pour faire les test, j'utilise IE tester mais j'ai le sentiment que c'est lui qui bug, j'ai fait un text du rendu IE9 en ligne et e résultat semble correct mais c'est une capture alors je ne suis sur de rien...
Est ce que quelqu'un qui possède IE9 pourrait faire le test pour moi en essayant ce code...
En cas de scroll, un bouton apparait en bas a droite, il doit renvoyer vers le haute de la page mais aussi afficher un tooltip...

<!DOCTYPE html>
<html lang="fr-FR">
    <head>
        <meta charset="utf-8"/>

        <title>titre du site</title>
        <link rel="dns-prefetch" href="//fonts.googleapis.com"/>
        <meta http-equiv="X-UA-Compatible" content="IE=8" />

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script>
            $(function() {
                $(document).tooltip({
                    position: {
                        my: "rgiht bottom-20",
                        at: "center top",
                        using: function(position, feedback) {
                            $(this).css(position);
                            $("<div>")
                                    .addClass("arrow")
                                    .addClass(feedback.vertical)
                                    .addClass(feedback.horizontal)
                                    .appendTo(this);
                        }
                    }
                });
            });
            
            $('#toTop').fadeOut();
            $(window).scroll(function() {
                if ($(window).scrollTop() === 0) {
                    $('#toTop').fadeOut('8000');
                } else {
                    if ($('#toTop').length === 0) {
                        $('body').append('<div id="toTop">' + '<a href="#top" class="' + lien + '"><i class="icon-arrow-up"></i></a>' + '</div>');
                    }
                    $('#toTop').fadeIn('8000');
                }
            });
            $(document).ready(function() {
                $(function() {
                    $(lien).click(function(e) {
                        e.preventDefault();
                        $('html, body').animate({scrollTop: '0px'}, 1000);
                    });
                });
            });
        </script>
    </head>

    <body>
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <hr />

        <div id="toTop"><a href="#top" class="backtotop" title="titre"><i class="icon-arrow-up"></i></a></div>

    </body>
</html>

merci d'avance

24 sept. 2013, 19:32

Pour faire les test, j'utilise IE tester mais j'ai le sentiment que c'est lui qui bug

Je peux pas te répondre catégoriquement mais c'est assez probable car c'est un pb récurrent de toutes les versions de tests depuis longtemps. Elles ne sont pas fiables à 100% par rapport à la version originale, et il est donc possible que cela fonctionne correctement "en réel".

25 sept. 2013, 14:45

Sans en être sur, il y a de grandes chances, je vais chercher 3 ou 4 vieux PC pour installer des versions différentes de ces foutus navigateurs

jQuery et IE9

Qui est en ligne