在IE上加载的iframe上未定义jQuery

时间:2019-05-17 15:13:17

标签: jquery html internet-explorer cross-browser

我有一个HTML页面,该页面具有使用jQuery和JavaScript的小功能(与代码无关),可以在chrome和firefox上调试我的应用程序,这是可以的。当我在IE上调试时,我得到jQuery是未定义的错误消息。我解决了此问题,并将以下行添加到我的HTML代码中:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

现在,我的页面可以在Firefox,Chrome和IE上正常运行。我的问题是我试图在 iframe 上显示此页面,并且在Firefox和Chrome上可以正常工作,但在IE上却无法正常工作。在寻找解决方案时,我发现在IIS的HTTP响应标头上添加 X-UA-Compatible content =“ IE = edge 可以解决此问题,但会影响我的主网页的功能,因此我认为此解决方案是不可能。

编辑:已添加代码

<script src="../js/core/jquery.min.js" type="text/javascript"></script>
<script src="../js/core/popper.min.js" type="text/javascript"></script>
<script src="../js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/jquery.countdown.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $('#clock').countdown('2019/08/11 19:00:00', function (event) {
            var days = event.strftime('%D');
            var hr= event.strftime('%H');
            var mn = event.strftime('%M');
            var sc = event.strftime('%S');

            $('#clock').html(days);
            $('#clock2').html(hr);
            $('#clock3').html(mn);
            $('#clock4').html(sc);
        });
    });

</script>

有什么办法解决这个问题?

1 个答案:

答案 0 :(得分:0)

我测试了您的代码,它在我这方面运行良好。我使用jQuery的在线路径和倒数,并且没有显示错误。检查jQuery的路径是否正确。 如果我使用兼容性视图或企业模式,则会得到jQuery is undefined error。检查兼容性视图或企业模式是否已禁用。您也可以参考the accepted answer of this question.

enter image description here

enter image description here