Question

我已经构建了一个应用程序，其中客户端脚本与JS＆amp; jQuery和服务器端函数是基于java的应用程序。在所有浏览器中，网页就像我的系统中的魅力一样，但是当我将它部署在具有相同IE版本的不同系统上时，我看到了奇怪的加载效果。

，例如，

在收到响应之前，AJAX调用期间的加载图像不会显示为“活动”。这卡住了，gif在它的过程中变成了jpeg; ajax resposne被附加到同一页面底部的表单中，在一个新的div中，它在IE9，FF20，CHR27的系统中按预期工作。这不适用于只安装了IE并且无法承受其他浏览器的其他系统;

我曾尝试重置浏览器设置，没有运气。我也试过在IE9中使用开发人员工具，[不知道它究竟是什么，可能与调试有关！]之后它只在该会话中以预期的形式显示结果。

是否有人可以帮助我了解我应该在新系统的浏览器上进行哪些更改以使其正常工作？

谢谢

编辑：

好吧，因为这个代码在一个系统上使用相同版本的IE，我希望代码可能没有问题。但这是一段代码，执行上面叙述的任务：

$(".button").click(function() {
    $('#checkmark').hide();

    var selectionModule = $("#currentSelectedValue").text();
    var channelName;
    var dataString = 'selection='+ selectionModule;

    if(selectionModule == 'About the APP!') 
    {
        $('#result_area').empty();
        $('#result_area').css('marginLeft', '250px');
        $('#result_area').css('marginRight', '250px');
        $('#result_area').load('read-me.html');

    }
    else if((selectionModule == 'Deployed Channels List') || (selectionModule == 'System pFlows'))
    {
        $('#result_area').empty();
        $('#result_area').css('marginLeft', '0px');
        $('#result_area').css('marginRight', '0px');

        channelName = 'NA';
        dataString += '&channelName=' + channelName;
        console.log(dataString);
        $.ajax({
            type: "POST",
            url: "http://localhost:9123/",
            data: dataString,
            beforeSend : function(){
                $('#checkmark1').show(); },
            success: function(result) {

                $('#result_area').html("<div id='message' style='display: table;'></div>");
                $('#message').html("<h2>"+selectionModule+":</h2>")
                $('#message').append("<p>"+result+"</p>")
                .hide()
                .fadeIn(1500, function() {
                    $('#checkmark1').hide();
                    $('#checkmark').show();
                });

            }
        });
    } 
    else if(selectionModule != 'Deployed Channels List')
    {

        $('#result_area').empty();
        $('#result_area').css('marginLeft', '0px');
        $('#result_area').css('marginRight', '0px');

        channelName = $("#cntext").val();
        dataString += '&channelName=' + channelName;
        //console.log(dataString);
        $.ajax({
            type: "POST",
            url: "http://localhost:9123/",
            data: dataString,
            beforeSend : function(){
                $('#checkmark1').show(); },
            success: function(result) {

                $('#result_area').html("<div id='message' style='display: table;'></div>");
                $('#message').html("<h2>"+selectionModule+" for Channel "+channelName+":</h2>")
                $('#message').append("<p>"+result+"</p>")
                .hide()
                .fadeIn(1500, function() {
                    $('#checkmark1').hide();
                    $('#checkmark').show();
                });

            }
        });
    }
    return false;
});

Answer 1

好的，经过一番调查后，我注意到我使用过Console.log（）;代码中的一个位置，IE未定义。将以下行添加到HTML的顶部后，AJAX响应nows将显示在表单底部的div中，并且不会在新页面上显示为disaply。

<script type="text/javascript"> if (!window.console) console = {log: function() {}}; </script>

这只是解决了报道的两个问题之一。另一个参考GIF没有动画的是在特定机器上的IE9中仍然存在问题。奇怪的是，它在另一个系统的IE9上完美运行。我会在这里发表任何有价值的发现。

感谢您的帮助，到目前为止。

jQuery在IE9中加载

1 个答案: