Question

我的脚本似乎在firefox和chrome上工作正常，但似乎在ie8上失败了。我匆匆地在脚本中的所有代码和警报功能工作之前放置了一个警报功能。但document.ready函数几乎从不执行。这是一个ie8问题吗？如果是的话那么我该如何解决这个问题呢？请帮忙。

代码：

<script src="/_layouts/topsoe.common/js/jquery-1.10.2.min.js?rev=YoBy5yEtsejNrLIrIXUs2g%3D%3D" type="text/javascript"></script>
<script>
$(document).ready(function () {
    // hide the last two columns and their headings
    $("#WebPartWPQ3 .ms-vh2:eq(5)").css("display", "none"); // for the last two column headings;
    $("#WebPartWPQ3 .ms-vh2:eq(4)").css("display", "none");
    // for each row in the application page
    var idcount = 0;
    $("#WebPartWPQ3 .ms-itmhover").each(function () {
        var proj_ID='project' + idcount; // assigning each row an id so that they can be accesed individually
        $(this).attr('id', 'project' + idcount); 
        idcount = idcount + 1;
        $("#"+proj_ID+"  .ms-vb2:eq(5)").css("display", "none");
        $("#"+proj_ID+" .ms-vb2:eq(4)").css("display", "none");
        // extracting the project status and the precentage of completion. these will be used to assign color codes
        var status = $("#"+proj_ID+" .ms-vb2:eq(3)").html();
        var percentage = $("#" + proj_ID + " .ms-vb2:eq(5) div").html();
        var suffix = percentage.match(/\d+/);
        console.log(proj_ID + "\n" + status + "\n" + percentage); // remove after testing
        // formatting the status cell accroding to the status and percentage;
        var bg_color; var status_formatted;
        if (status == "In Progress") {
            $("#" + proj_ID + " .ms-vb2:eq(3)").html("<div style='position:relative; width:" + suffix + "%;background:#44AFF6; z-index:0; height:60px; margin-bottom:-50px;'></div><div style='position:relative; z-index:1; text-align:center; margin-left:2px;' >In Progress</br>" + percentage + "</div>");
        }
        if (status == "Completed") {
            $("#" + proj_ID + " .ms-vb2:eq(3)").html("<div style='position:relative; width:100% ;background:#57C759; z-index:0; padding:20px 2px; coor:black; height:23px; text-align:center'>completed</div>");
        }
        if (status == "Halted") {
            $("#" + proj_ID + " .ms-vb2:eq(3)").html("<div style='position:relative; width:" + suffix + "%;background:#FF0033; z-index:0; height:60px; margin-bottom:-50px;'></div><div style='position:relative; z-index:1; text-align:center; margin-left:2px;' >Halted </br> " + percentage + "</div>");
        }
        if (status == "User Acceptance Testing") {
            $("#" + proj_ID + " .ms-vb2:eq(3)").html("<div style='position:relative; width:100% ;background:#FFFF66; z-index:0; padding:20px 2px; coor:black; height:23px; text-align:center;'>UAT</div>");
        }
    });
});
</script>

Answer 1

在我的应用中遇到完全相同的情况。没有错误，但代码不会运行，除非你打开开发人员工具。罪魁祸首是console.log声明。注释/删除该console.log语句，它应该可以正常工作

jquery脚本在chrome上工作正常，但不是ie8

1 个答案: