Question

<!--[if lte IE 9]><html class="lte9"><![endif]--><!--[if gt IE 9]><html><![endif]-->
<!--[if !IE]><!-->
<html>
<!--<![endif]-->
    blah blah

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script>
</body>
</html>

当我加载页面时，IE9会出现类似'$' is not defined的错误。我该如何解决这个错误？

+++ mypage.js

$(function(){

//when load page,
//ie9 i tag not moving.

$(window).load(function() {     

    $('div.mask').hide();   

});

// when click about , willshow will show.

//for not IE 9
if (!$('html').hasClass('lte9')) {

    var about = $('ul.about > li > span.activebtn');
    var willshow = $('div.willshow');

    about.on('click',function(){

        willshow.toggleClass('active');

        about.html(function(){

            if ($(willshow).hasClass('active')) {
                return 'close';
            }
            return 'about';
        });

    });

}

// because CSS3 not working in IE9.
if($('html').hasClass('lte9')) {

    about.click(function(){

        willshow.animate({
            'left': '0'
        }, 500);

        about.html(function(){

            if (willshow.hasClass('active')) {
                return 'close';
                about.click(function(){
                    willshow.animate({
                        'left': '-100%'
                    }, 500);
                });
            }
            return 'about';

        });

    });

}
});

检查我的js文件plz。因为IE9不支持css3，我只想制作动画功能代替CSS3。它在chrome中成功运行。

IE9错误＆＃39; $＆＃39;未定义

0 个答案: