Internet explorer jQuery在不同PC上的加载和渲染不正确

当我尝试在我的浏览器上运行我的网页/在其他浏览器上测试它时，它将完美地工作，没有bug或错误消息。这包括IE6、7、8、9、10、新版Firefox和Chrome

通常，今天，我决定在我老板的电脑上运行它，你猜对了，它马上就坏了。我有一个简单的扩展菜单。这在他的Internet Explorer 10或Firefox 22.0上不起作用。打开IE Dev工具并等待约30秒后，他的电脑收到以下错误消息，但我的电脑没有收到：

SCRIPT5009: 'jQuery' is undefined 
jquery.easing.1.3.js, line 39 character 1
SCRIPT5009: '$' is undefined 
SlideDownBoxMenu, line 142 character 13

my index.html的结尾如下所示：

        <!-- The JavaScript -->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                /**
                * for each menu element, on mouseenter, 
                * we enlarge the image, and show both sdt_active span and 
                * sdt_wrap span. If the element has a sub menu (sdt_box),
                * then we slide it - if the element is the last one in the menu
                * we slide it to the left, otherwise to the right
                */
                $('#sdt_menu > li').bind('mouseenter',function(){
                    var $elem = $(this);
                    $elem.find('img')
                         .stop(true)
                         .animate({
                            'width':'170px',
                            'height':'170px',
                            'left':'0px'
                         },400,'easeOutBack')
                         .andSelf()
                         .find('.sdt_wrap')
                         .stop(true)
                         .animate({'top':'140px'},500,'easeOutBack')
                         .andSelf()
                         .find('.sdt_active')
                         .stop(true)
                         .animate({'height':'170px'},300,function(){
                        var $sub_menu = $elem.find('.sdt_box');
                        if($sub_menu.length){
                            var left = '170px';
                            if($elem.parent().children().length == $elem.index()+1)
                                left = '-170px';
                            $sub_menu.show().animate({'left':left},200);
                        }   
                    });
                }).bind('mouseleave',function(){
                    var $elem = $(this);
                    var $sub_menu = $elem.find('.sdt_box');
                    if($sub_menu.length)
                        $sub_menu.hide().css('left','0px');

                    $elem.find('.sdt_active')
                         .stop(true)
                         .animate({'height':'0px'},300)
                         .andSelf().find('img')
                         .stop(true)
                         .animate({
                            'width':'0px',
                            'height':'0px',
                            'left':'85px'},400)
                         .andSelf()
                         .find('.sdt_wrap')
                         .stop(true)
                         .animate({'top':'25px'},500);
                });
            });
        </script>
    </body>
</html>





    <!-- The JavaScript -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            /**
            * for each menu element, on mouseenter, 
            * we enlarge the image, and show both sdt_active span and 
            * sdt_wrap span. If the element has a sub menu (sdt_box),
            * then we slide it - if the element is the last one in the menu
            * we slide it to the left, otherwise to the right
            */
            $('#sdt_menu > li').bind('mouseenter',function(){
                var $elem = $(this);
                $elem.find('img')
                     .stop(true)
                     .animate({
                        'width':'170px',
                        'height':'170px',
                        'left':'0px'
                     },400,'easeOutBack')
                     .andSelf()
                     .find('.sdt_wrap')
                     .stop(true)
                     .animate({'top':'140px'},500,'easeOutBack')
                     .andSelf()
                     .find('.sdt_active')
                     .stop(true)
                     .animate({'height':'170px'},300,function(){
                    var $sub_menu = $elem.find('.sdt_box');
                    if($sub_menu.length){
                        var left = '170px';
                        if($elem.parent().children().length == $elem.index()+1)
                            left = '-170px';
                        $sub_menu.show().animate({'left':left},200);
                    }   
                });
            }).bind('mouseleave',function(){
                var $elem = $(this);
                var $sub_menu = $elem.find('.sdt_box');
                if($sub_menu.length)
                    $sub_menu.hide().css('left','0px');

                $elem.find('.sdt_active')
                     .stop(true)
                     .animate({'height':'0px'},300)
                     .andSelf().find('img')
                     .stop(true)
                     .animate({
                        'width':'0px',
                        'height':'0px',
                        'left':'85px'},400)
                     .andSelf()
                     .find('.sdt_wrap')
                     .stop(true)
                     .animate({'top':'25px'},500);
            });
        });
    </script>
</body>

$（函数（）{
/**
*对于鼠标指针上的每个菜单元素，
*我们放大图像，同时显示sdt_活动范围和
*sdt_包装跨度。如果元素有子菜单（sdt_框），
*然后我们滑动它-如果元素是菜单中的最后一个元素
*我们向左滑动，否则向右滑动
*/
$（'sdt_menu>li'）.bind（'mouseenter'，function（）{
变量$elem=$（本）；
$elem.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“170px”，
“高度”：“170px”，
“左”：“0px”
}，400，'easeOutBack'）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'140px'}，500，'easeOutBack'）
.andSelf（）
.find（“.sdt_活动”）
.停止（正确）
.animate（{'height'：'170px'}，300，function（）{
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）{
左变量='170px'；
如果（$elem.parent（）.children（）.length==$elem.index（）+1）
左='-170px'；
$sub_menu.show（）.animate（{'left'：left}，200）；
}   
});
}).bind（'mouseleave'，function（）{
变量$elem=$（本）；
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）
$sub_menu.hide（）.css（'left'，'0px'）；
$elem.find（“.sdt\u活动”）
.停止（正确）
.animate（{'height'：'0px'}，300）
.andSelf（）.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“0px”，
“高度”：“0px”，
'左'：'85px'}，400）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'25px'}，500）；
});
});
$（函数（）{
/**
*对于鼠标指针上的每个菜单元素，
*我们放大图像，同时显示sdt_活动范围和
*sdt_包装跨度。如果元素有子菜单（sdt_框），
*然后我们滑动它-如果元素是菜单中的最后一个元素
*我们向左滑动，否则向右滑动
*/
$（'sdt_menu>li'）.bind（'mouseenter'，function（）{
变量$elem=$（本）；
$elem.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“170px”，
“高度”：“170px”，
“左”：“0px”
}，400，'easeOutBack'）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'140px'}，500，'easeOutBack'）
.andSelf（）
.find（“.sdt_活动”）
.停止（正确）
.animate（{'height'：'170px'}，300，function（）{
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）{
左变量='170px'；
如果（$elem.parent（）.children（）.length==$elem.index（）+1）
左='-170px'；
$sub_menu.show（）.animate（{'left'：left}，200）；
}   
});
}).bind（'mouseleave'，function（）{
变量$elem=$（本）；
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）
$sub_menu.hide（）.css（'left'，'0px'）；
$elem.find（“.sdt\u活动”）
.停止（正确）
.animate（{'height'：'0px'}，300）
.andSelf（）.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“0px”，
“高度”：“0px”，
'左'：'85px'}，400）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'25px'}，500）；
});
});

这是完全相同的博客上面列出的，除了我已经改变

<script type="text/javascript" src="http**s**://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

从http更改为https，在我的Intranet页面上不会出现“混合内容”的错误消息。然而，更改回http并不能解决问题

---

有谁能给我一些建议，说明我可以调查什么/是什么导致了这个问题

可能是代理服务器的问题，不允许浏览器从https下载任何东西-我们的工作有一些东西，使得在firefox中https上提供的任何东西都无法工作，请尝试使用普通的h