EBook/EBook.Web/Common/tasklib_book.js

//播放音频图片地址
var PicInfo1 = {
    answerPointImgUrl: "file:///android_asset/js/update-answer.png",
    yaoshiShowImgUrl: "file:///android_asset/js/yaoshi-show.png",
    yaoshiHideImgUrl: "file:///android_asset/js/yaoshi-hide.png",
    recordPlayImgUrl: "file:///android_asset/js/play.png",
    recordPauseImgUrl: "file:///android_asset/js/pause.png",
    audioPlayImgUrl: "file:///android_asset/js/dynaiselaba.gif",
    audioPauseImgUrl: "file:///android_asset/js/dynaiselaba.png"
}

//本地调用用的资源
var PicInfo = {
    answerPointImgUrl: "../Images/update-answer.png",
    yaoshiShowImgUrl: "../Images/yaoshi-show.png",
    yaoshiHideImgUrl: "../Images/yaoshi-hide.png",
    KouYuTagImgUrl: "../Images/KY.png",
    recordPlayImgUrl: "../Images/play.png",
    recordPauseImgUrl: "../Images/pause.png",
    audioPlayImgUrl: "../Images/dynaiselaba.gif",
    audioPauseImgUrl: "../Images/dynaiselaba.png"
}
// 表格处理Start
var pressTableFlag = false;
var GetPadVal = function () {
    var PaddingVal = $(document.body).css("padding");
    if (PaddingVal == null || PaddingVal == undefined || PaddingVal == "" || PaddingVal == "0px") {
        return 0;
    }
    var PadValArr = PaddingVal.split(" ");
    if (PadValArr.length > 1) {
        return parseFloat(PadValArr[1]);
    }
    else {
        return parseFloat(PadValArr[0]);
    }
};
var AdjustTableFunc = function () {
    var Index = 0;
    $.each($("table"), function (index, item) {
        var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width());  // 表格宽度
        // 替换HTML
        var ChildHtmlStr = $(item).prop("outerHTML")
        var HtmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
        $(item).after(HtmlStr);
        $(item).remove();
        var JqStr = ".TContain_" + Index;
        $(JqStr).append(ChildHtmlStr);
        Index += 1;
    });
    var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - 2*GetPadVal());  // 界面宽度
    var Index = 0;
    $.each($("table"), function (index, item) {
        var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width());  // 表格宽度
        // 替换HTML
        var JqStr = ".TContain_" + Index;
        $(JqStr).css("width", BodyWidth + "px");
        if (TableWidth > BodyWidth) {
            // 额外显示滚动条
            var SHtmlStr = "<div class='PSBar' style='width: " + BodyWidth + "px;'></div>";
            $(JqStr).after(SHtmlStr);
            var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
            var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate;  // 现滚动条大小
            var CSHtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
            $(JqStr).next().append(CSHtmlStr);
        }
        Index += 1;
    });

    $.each($(".container-table"), function (index, item) {
        $(item).css("width", BodyWidth + "px");
    });
    // 滚动条事件
    $(".TableContainer").on("touchstart", function () {
        pressTableFlag = true;
    }).on("touchmove", function () {
        var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width());  // 表格宽度
        BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - 2 * GetPadVal()));  // 界面宽度
        var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
        var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
        SLeftWdith *= HiddenRate;
        var NextClsName = $(this).next().attr("class");
        if (NextClsName == "PSBar") {
            $(this).next().find(".CSBar").css("left", SLeftWdith + "px");
        }
    });
    window.addEventListener("scroll", function (event) {
        var ClsName = event.target.className;
        if (ClsName == undefined) {
            return;
        }
        ClsName = ClsName.replace("TableContainer ", ".");
        var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width());  // 表格宽度
        BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - 2 * GetPadVal()));  // 界面宽度
        var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
        var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
        SLeftWdith *= HiddenRate;
        var NextClsName = $(ClsName).next().attr("class");
        if (NextClsName == "PSBar") {
            $(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
        }
    }, true);
};
// 表格处理End

// 隐藏答案处理
var GetSpaceStr = function (WdithVal) {
    console.log("WdithVal=>" + WdithVal);
    //16&emsp;,4&nbsp;,3&thinsp;
    WdithVal = parseInt(WdithVal);
    console.log("WdithVal=>" + WdithVal);
    var MaxY = (WdithVal - (WdithVal % 4))/4, MaxZ = (WdithVal - (WdithVal % 3))/3;
    var ReStr = "";
    if (WdithVal % 4 == 0) {
        while (MaxY > 0) {
            ReStr += "&nbsp;";
            MaxY -= 1;
        }
    }
    else if (WdithVal % 3 == 0) {
        while (MaxZ > 0) {
            ReStr += "&thinsp;";
            MaxZ -= 1;
        }
    }
    else {
        var TempNum = WdithVal;
        var ReFrashFlag = false;
        var SpaceY = MaxY, SpaceZ;
        var ZYX=1000000000, ZYY=1000000000, ZYZ=1000000000;
        while (TempNum != 0) {
            TempNum = WdithVal;
            TempNum -= SpaceY * 4;
            SpaceZ = parseInt((TempNum - TempNum % 3) / 3);
            TempNum -= SpaceZ * 3;
            if (ZYZ > TempNum) {
                ZYX = SpaceY;
                ZYY = SpaceZ;
                ZYZ = TempNum;
            }
            if (SpaceY > 0) {
                SpaceY -= 1;
            }
            else {
                TempNum = 0;
            }
        }
        console.log("ZYX=>" + ZYX + "，ZYY=>" + ZYY);
        while (ZYX > 0) {
            ReStr += "&nbsp;";
            ZYX -= 1;
        }
        while (ZYY > 0) {
            ReStr += "&thinsp;";
            ZYY -= 1;
        }
    }
    return ReStr;
};
//显示、隐藏答案
function showHideAnswer(flag) {
    if (flag) {
        //$(".underlineContent").show();
        $(".underlineContent").css("color", "#92D050");
        $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
        $.each($(".underlineContent"), function (index, item) {
            var underlineContentText = $(this).text();  // 获取文本内容
            var widthValue = $(item).css("width");
            var newClsName = $(item).next().attr("class");
            if (newClsName != "underlineContentShow") {
                var addHtml = "";
                if (hasChineseWorld(underlineContentText)) {
                    addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                else {
                    addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                $(item).css("display", "inline").after(addHtml);
            }
            else {
                $(item).css("display", "inline").next().attr("data-status", "0");
            }
            if (underlineContentText.indexOf("√") > -1) {
                $(this).parent().find(".checkbox").find("input").prop('checked', true);
            }
        });
    }
    else {
        //$(".underlineContent").hide();
        $(".underlineContent").css("color", "#ffffff");
        $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
        $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
            var underlineContentText = $(this).text();  // 获取文本内容
            var widthValue = $(item).css("width");
            var newClsName = $(item).next().attr("class");
            if (newClsName != "underlineContentShow") {
                var addHtml = "";
                if (hasChineseWorld(underlineContentText)) {
                    addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                else {
                    addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                $(item).css("display", "none").after(addHtml);
                $(item).next().attr("data-status", "1");
            }
            else {
                $(item).css("display", "none").next().attr("data-status", "1");
            }
            if (underlineContentText.indexOf("√") > -1) {
                $(this).parent().find(".checkbox").find("input").prop('checked', false);
            }
        });
    }
}

///显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙，isShowAS：显示和隐藏答案
function showHideAnswerEx(isShowYX, isShowAS) {
    if (isShowYX) {
        $(".yaoshi").show();
    }
    else {
        $(".yaoshi").hide();
    }

    if (isShowAS) {
        $.each($(".underlineContent"), function (index, item) {
            var underlineContentText = $(this).text();  // 获取文本内容
            var widthValue = $(item).css("width");
            var newClsName = $(item).next().attr("class");
            if (newClsName != "underlineContentShow") {
                var addHtml = "";
                if (hasChineseWorld(underlineContentText)) {
                    addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+ GetSpaceStr(widthValue) +"</span>";
                }
                else {
                    addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                $(item).css("display", "inline").after(addHtml);
            }
            else {
                $(item).css("display", "inline").next().attr("data-status", "0");
            }
            if (underlineContentText.indexOf("√") > -1) {
                $(this).parent().find(".checkbox").find("input").prop('checked', true);
            }
            //$(item).html($(item).attr("data-text"));
            if (!$(item).hasClass("no-answer")) {
                $(item).css("color", "#92D050");
            }
            else {
                $(item).css("color", "#989898");
            }
            $(item).find(".wordStyle").css("color", "#db5d00");
            $(item).find(".phraseStyle").css("background-color", "#f2db8b");
        });
        $(".yaoshi").attr("data-status", "1");
        $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
    }
    else {
        $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
            var underlineContentText = $(this).text();  // 获取文本内容
            var widthValue = $(item).css("width");
            var newClsName = $(item).next().attr("class");
            if (newClsName != "underlineContentShow") {
                var addHtml = "";
                if (hasChineseWorld(underlineContentText)) {
                    addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                else {
                    addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                }
                $(item).css("display", "none").after(addHtml);
                $(item).next().attr("data-status", "1");
            }
            else {
                $(item).css("display", "none").next().attr("data-status", "1");
            }
            if (underlineContentText.indexOf("√") > -1) {
                $(this).parent().find(".checkbox").find("input").prop('checked', false);
            }
            $(item).css("color", "#ffffff");
            $(item).find(".wordStyle").css("color", "#ffffff");
            $(item).find(".phraseStyle").css("background-color", "#ffffff");
        });
        $(".yaoshi").attr("data-status", "0");
        $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
    }
}

//页面加载完，原文 绑定事件
function bindEventTeaOrignalYS() {
    var bodyWidth = $(document.body).width();
    //处理答题点
    $.each($(".yaoshi"), function (index, item) {
        $(item).attr('answer-id', index);
    });
    //给音频绑定一个ID
    $.each($(".audioImg"), function (index, item) {
        $(item).attr("audiourl", "");
        $(item).attr('audio-id', index);
    });
    //给视频图标处理
    $.each($(".videoImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //给口语图标处理
    $.each($(".oralLanguageImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //处理参考答案
    $.each($(".underlineContent"), function (index, item) {
        $(item).attr("data-text", $(item).html());
    });
    //去除多余的U空标签
    $.each($("u"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //处理暂无参考答案
    $.each($(".yaoshi"), function (index, item) {
        var parent = $(item).parent();
        var prev = $(item).nextUntil(".yaoshi").find(".underlineContent");
        if (prev.length == 0) {
            var spanHtml = document.createElement("span");
            //添加子节点
            var uHtml = document.createElement("u");
            uHtml.className = "underlineContent no-answer";
            uHtml.innerText = "暂无参考答案";
            uHtml.setAttribute("data-text", uHtml.innerText);
            //处理改错题及勾选题
            if ($(parent)[0].tagName == 'P') {
                if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
                    uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
                    //改错题，要随机下划线长度
                    if ($(parent).hasClass('correntQue')) {
                        uHtml.style = "width:" + randomNum(220, 300) + "px;";
                    }
                    uHtml.setAttribute("data-text", "");
                }
            }
            $(spanHtml).html(uHtml.outerHTML);
            $(item).after(spanHtml);
        }
    });
    //处理表格宽度
    AdjustTableFunc();
    //$.each($(".container-table"), function (index, item) {
    //    $(item).css("width", bodyWidth + "px");
    //});
    //一题多空的答题点标注
    var checkId = 0;
    var headid = -1;
    var groupId = -1;
    $(".multipleStart").each(function (i, item) {
        var $startNode = $(item);
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            checkId = $(item).find('.yaoshi').attr("answer-id");
            var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
            if (index == 0 || groupId != gid) {
                groupId = gid;
                headid = checkId;
            }
            $(item).find('.yaoshi').attr('parent-anid', headid);
        });
    });

    //点击喇叭事件,音频播放
    $(".audioImg").on("click", function () {
        audioPlayClick(this);
    });

    //显示/隐藏习题答案
    $(".yaoshi").on("click", function () {
        var parentAnid = $(this).attr("parent-anid");
        var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
        if (curDisplay == "undefined" || curDisplay == undefined) return;
        if (curDisplay == "none" || $(this).attr("data-status") == "0") {
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
                    $(item).attr("data-status", "1");
                    $(item).attr("src", PicInfo.yaoshiShowImgUrl);
                    $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
                        var underlineContentText = $(cItem).text();  // 获取文本内容
                        var widthValue = $(cItem).css("width");
                        var newClsName = $(cItem).next().attr("class");
                        if (newClsName != "underlineContentShow") {
                            var addHtml = "";
                            if (hasChineseWorld(underlineContentText)) {
                                addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            else {
                                addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            $(cItem).css("display", "inline").after(addHtml);
                        }
                        else {
                            $(cItem).css("display", "inline").next().attr("data-status", "0");
                        }
                        if (underlineContentText.indexOf("√") > -1) {
                            $(this).parent().find(".checkbox").find("input").prop('checked', true);
                        }
                        if (!$(item).hasClass("no-answer")) {
                            $(item).css("color", "#92D050");
                        }
                        else {
                            $(item).css("color", "#989898");
                        }
                        $(item).find(".wordStyle").css("color", "#db5d00");
                        $(item).find(".phraseStyle").css("background-color", "#f2db8b");
                    });
                });
            }
            else {
                $(this).attr("data-status", "1");
                $(this).attr("src", PicInfo.yaoshiShowImgUrl);
                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
                    var underlineContentText = $(this).text();  // 获取文本内容
                    var widthValue = $(item).css("width");
                    var newClsName = $(item).next().attr("class");
                    if (newClsName != "underlineContentShow") {
                        var addHtml = "";
                        if (hasChineseWorld(underlineContentText)) {
                            addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        else {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        $(item).css("display", "inline").after(addHtml);
                    }
                    else {
                        $(item).css("display", "inline").next().attr("data-status", "0");
                    }
                    if (underlineContentText.indexOf("√") > -1) {
                        $(this).parent().find(".checkbox").find("input").prop('checked', true);
                    }
                    if (!$(item).hasClass("no-answer")) {
                        $(item).css("color", "#92D050");
                    }
                    else {
                        $(item).css("color", "#989898");
                    }
                    $(item).find(".wordStyle").css("color", "#db5d00");
                    $(item).find(".phraseStyle").css("background-color", "#f2db8b");
                });
            }
            //不再存在已隐藏的钥匙，移动端回调
            if ($(".yaoshi[data-status='0']").length == 0) {
                //添加回调
                console.log("全部显示了");
            }
        }
        else {
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
                    $(item).attr("data-status", "0");
                    $(item).attr("src", PicInfo.yaoshiHideImgUrl);
                    $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
                        var underlineContentText = $(cItem).text();  // 获取文本内容
                        var widthValue = $(cItem).css("width");
                        var newClsName = $(cItem).next().attr("class");
                        if (newClsName != "underlineContentShow") {
                            var addHtml = "";
                            if (hasChineseWorld(underlineContentText)) {
                                addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            else {
                                addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            $(cItem).css("display", "none").after(addHtml);
                            $(cItem).next().attr("data-status", "1");
                        }
                        else {
                            $(cItem).css("display", "none").next().attr("data-status", "1");
                        }
                        if (underlineContentText.indexOf("√") > -1) {
                            $(this).parent().find(".checkbox").find("input").prop('checked', false);
                        }
                        $(item).css("color", "#ffffff");
                        $(item).find(".wordStyle").css("color", "#ffffff");
                        $(item).find(".phraseStyle").css("background-color", "#ffffff");
                    });
                });
            }
            else {
                $(this).attr("data-status", "0");
                $(this).attr("src", PicInfo.yaoshiHideImgUrl);
                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
                    var underlineContentText = $(this).text();  // 获取文本内容
                    var widthValue = $(item).css("width");
                    var newClsName = $(item).next().attr("class");
                    if (newClsName != "underlineContentShow") {
                        var addHtml = "";
                        if (hasChineseWorld(underlineContentText)) {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        else {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        $(item).css("display", "none").after(addHtml);
                        $(item).next().attr("data-status", "1");
                    }
                    else {
                        $(item).css("display", "none").next().attr("data-status", "1");
                    }
                    if (underlineContentText.indexOf("√") > -1) {
                        $(this).parent().find(".checkbox").find("input").prop('checked', false);
                    }
                    $(item).css("color", "#ffffff");
                    $(item).find(".wordStyle").css("color", "#ffffff");
                    $(item).find(".phraseStyle").css("background-color", "#ffffff");
                });
            }
            //添加回调
            onClickKeyHide();
        }
    });
    //点击播放事件,视频播放
    $(".videoImg").on("click", function () {
        var curHtml = $(this).parent().find(".videoUrl").html();
        var curAlt = $(this).attr("alt");//播放视频地址
        playVisiableAudioCallBack(2, $(this).attr("alt"));
    });
    $("td").attr("style", "");
    //处理表格样式
    //$(".container-table").each(function (index, item) {
    //    var TableWidth = isNaN(parseFloat($(item).find("table").css("width"))) ? 0 : parseFloat($(item).find("table").css("width"));
    //    var ScrollLeft = isNaN(parseFloat($(item).scrollLeft())) ? 0 : parseFloat($(item).scrollLeft());
    //    var HWidth = parseFloat(TableWidth) -parseFloat(bodyWidth);
    //    var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
    //    var SSWidth = bodyWidth - HWidth * HRate;  // 显示滚动条宽度
    //    if (TableWidth > bodyWidth) {
    //        var HtmlStr = "<div class='ShowSBar' style='width:" + bodyWidth + "px;height:5px;background-color:#eee;position:relative;left:0px;bottom:3px;z-index:2;border-radius:2px;'><div class='ShowSBarC' style='width:" +SSWidth + "px;height:5px;background-color:#ccc;position:absolute;left:" +ScrollLeft + "px;bottom:0px;z-index:3;border-radius:2px;'></div></div>";
    //        $(item).after(HtmlStr);
    //        }
    //        });
    //$(".container-table").on("touchstart", function () {
    //    var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0: parseFloat($(this).find("table").css("width"));
    //    if (TableWidth > bodyWidth) {
    //        pressTableFlag = true;
    //    }
    //    }).on("touchmove", function () {
    //    var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0: parseFloat($(this).find("table").css("width"));
    //    var ScrollLeft = isNaN(parseFloat($(this).scrollLeft())) ? 0: parseFloat($(this).scrollLeft());
    //    var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
    //    var ShowSBarName = $(this).next().attr("class");
    //    if (ScrollLeft >= 0 && ShowSBarName == "ShowSBar" && $(this).next().find(".ShowSBarC").length > 0) {
    //            // 有滚动条的进行移动
    //        $(this).next().find(".ShowSBarC").css("left", (ScrollLeft * HRate) + "px");
    //    }
    //});
}

//页面加载完，课件 绑定事件
function bindEventYS() {
    var bodyWidth = $(document.body).width();
    //不存在underline 属性下有内容，所以全部隐藏，若有就是源头数据有问题
    $('.underline').css("display", "none");
    $.each($(".yaoshi"), function (index, item) {
        $(item).attr('answer-id', index);
    });
    //给音频绑定一个ID
    $.each($(".audioImg"), function (index, item) {
        $(item).attr("audiourl", "");
        $(item).attr('audio-id', index);
    });
    //给视频图标处理
    $.each($(".videoImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //给口语图标处理
    $.each($(".oralLanguageImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //去除多余的U空标签
    $.each($("u"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //处理暂无参考答案
    $.each($(".yaoshi"), function (index, item) {
        var parent = $(item).parent();
        var prev = $(item).nextAll(".underlineContent");
        if (prev.length == 0) {
            var uHtml = document.createElement("u");
            uHtml.className = "underlineContent no-answer";
            uHtml.innerText = "暂无参考答案";
            uHtml.setAttribute("data-text", uHtml.innerText);
            //处理改错题及勾选题
            if ($(parent)[0].tagName == 'P') {
                if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
                    uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
                    //改错题，要随机下划线长度
                    if ($(parent).hasClass('correntQue')) {
                        uHtml.style = "width:" + randomNum(220, 300) + "px;";
                    }
                    uHtml.setAttribute("data-text", "");
                }
            }
            $(item).after(uHtml);
        }
    });
    //处理表格宽度
    AdjustTableFunc();
    //$.each($(".container-table"), function (index, item) {
    //    $(item).css("width", bodyWidth + "px");
    //});
    //一题多空的答题点标注
    var checkId = 0;
    var headid = -1;
    var groupId = -1;
    $(".multipleStart").each(function (i, item) {
        var $startNode = $(item);
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            checkId = $(item).find('.yaoshi').attr("answer-id");
            var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
            if (index == 0 || groupId != gid) {
                groupId = gid;
                headid = checkId;
            }
            $(item).find('.yaoshi').attr('parent-anid', headid);
        });
    });

    //显示/隐藏习题答案
    $(".yaoshi").on("click", function () {
        var parentAnid = $(this).attr("parent-anid");
        if ($(this).attr("data-status") == "0") {
            // 显示处理
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
                    $(fItem).attr("data-status", "1");
                    $(fItem).attr("src", PicInfo.yaoshiShowImgUrl);
                    $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
                        var underlineContentText = $(this).text();  // 获取文本内容
                        var widthValue = $(item).css("width");
                        var newClsName = $(item).parent().find(".underlineContent").next().attr("class");
                        if (newClsName != "underlineContentShow") {
                            var addHtml = "";
                            if (hasChineseWorld(underlineContentText)) {
                                addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            else {
                                addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            $(item).css("display", "inline").after(addHtml);
                        }
                        else {
                            $(item).css("display", "inline").next().attr("data-status", "0");
                        }
                        if (underlineContentText.indexOf("√") > -1) {
                            $(this).parent().find(".checkbox").find("input").prop('checked', true);
                        }
                        if (!$(item).hasClass("no-answer")) {
                            $(item).css("color", "#92D050");
                        }
                        else {
                            $(item).css("color", "#989898");
                        }
                        $(item).find(".wordStyle").css("color", "#db5d00");
                        $(item).find(".phraseStyle").css("background-color", "#f2db8b");
                    });
                });
            }
            else {
                $(this).attr("data-status", "1");
                $(this).attr("src", PicInfo.yaoshiShowImgUrl);
                //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
                $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                    var underlineContentText = $(this).text();  // 获取文本内容
                    var widthValue = $(item).css("width");
                    var newClsName = $(item).next().attr("class");
                    if (newClsName != "underlineContentShow") {
                        var addHtml = "";
                        if (hasChineseWorld(underlineContentText)) {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        else {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        $(item).css("display", "inline").after(addHtml);
                    }
                    else {
                        $(item).css("display", "inline").next().attr("data-status", "0");
                    }
                    if (underlineContentText.indexOf("√") > -1) {
                        $(this).parent().find(".checkbox").find("input").prop('checked', true);
                    }
                    if (!$(item).hasClass("no-answer")) {
                        $(item).css("color", "#92D050");
                    }
                    else {
                        $(item).css("color", "#989898");
                    }
                    $(item).find(".wordStyle").css("color", "#db5d00");
                    $(item).find(".phraseStyle").css("background-color", "#f2db8b");
                });
            }
            //不再存在已隐藏的钥匙，移动端回调
            if ($(".yaoshi[data-status='0']").length == 0) {
                //添加回调
                console.log("全部显示了");
            }
        }
        else {
            // 隐藏处理
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
                    $(fItem).attr("data-status", "0");
                    $(fItem).attr("src", PicInfo.yaoshiHideImgUrl);
                    $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
                        var underlineContentText = $(this).text();  // 获取文本内容
                        var widthValue = $(item).css("width");
                        var newClsName = $(item).parent().find(".underlineContent").next().attr("class");
                        if (newClsName != "underlineContentShow") {
                            var addHtml = "";
                            if (hasChineseWorld(underlineContentText)) {
                                addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            else {
                                addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                            }
                            $(item).css("display", "none").after(addHtml);
                            $(item).next().attr("data-status", "1");
                        }
                        else {
                            $(item).css("display", "none").next().attr("data-status", "1");
                        }
                        if (underlineContentText.indexOf("√") > -1) {
                            $(this).parent().find(".checkbox").find("input").prop('checked', false);
                        }
                        $(item).css("color", "#ffffff");
                        $(item).find(".wordStyle").css("color", "#ffffff");
                        $(item).find(".phraseStyle").css("background-color", "#ffffff");
                    });
                });
            }
            else {
                $(this).attr("data-status", "0");
                $(this).attr("src", PicInfo.yaoshiHideImgUrl);
                //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
                $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                    var underlineContentText = $(this).text();  // 获取文本内容
                    var widthValue = $(item).css("width");
                    var newClsName = $(item).next().attr("class");
                    if (newClsName != "underlineContentShow") {
                        var addHtml = "";
                        if (hasChineseWorld(underlineContentText)) {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        else {
                            addHtml = "<span class='underlineContentShow' style='width:" +widthValue + ";' data-status='0'>"+GetSpaceStr(widthValue) +"</span>";
                        }
                        $(item).css("display", "none").after(addHtml);
                        $(item).next().attr("data-status", "1");
                    }
                    else {
                        $(item).css("display", "none").next().attr("data-status", "1");
                    }
                    if (underlineContentText.indexOf("√") > -1) {
                        $(this).parent().find(".checkbox").find("input").prop('checked', false);
                    }
                    $(item).css("color", "#ffffff");
                    $(item).find(".wordStyle").css("color", "#ffffff");
                    $(item).find(".phraseStyle").css("background-color", "#ffffff");
                });
            }
            //添加回调
            onClickKeyHide();
        }
    });
    //点击喇叭事件,音频播放
    $(".audioImg").on("click", function () {
        audioPlayClick(this);
    });
    //点击播放事件,视频播放
    $(".videoImg").on("click", function () {
        $(this).attr("audiourl", "");
        var curHtml = $(this).parent().find(".videoUrl").html();
        var curAlt = $(this).attr("alt");//播放视频地址
        playVisiableAudioCallBack(2, $(this).attr("alt"));
    });
    $("td").attr("style", "");
    //处理表格样式
    //$(".container-table").each(function (index, item) {
    //    var TableWidth = isNaN(parseFloat($(item).find("table").css("width"))) ? 0 : parseFloat($(item).find("table").css("width"));
    //    var ScrollLeft = isNaN(parseFloat($(item).scrollLeft())) ? 0 : parseFloat($(item).scrollLeft());
    //    var HWidth = parseFloat(TableWidth) - parseFloat(bodyWidth);
    //    var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
    //    var SSWidth = bodyWidth - HWidth * HRate;  // 显示滚动条宽度
    //    if (TableWidth > bodyWidth) {
    //        var HtmlStr = "<div class='ShowSBar' style='width:" + bodyWidth + "px;height:5px;background-color:#eee;position:relative;left:0px;bottom:3px;z-index:2;border-radius:2px;'><div class='ShowSBarC' style='width:" + SSWidth + "px;height:5px;background-color:#ccc;position:absolute;left:" + ScrollLeft + "px;bottom:0px;z-index:3;border-radius:2px;'></div></div>";
    //        $(item).after(HtmlStr);
    //    }
    //});
    //$(".container-table").on("touchstart", function () {
    //    var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0 : parseFloat($(this).find("table").css("width"));
    //    if (TableWidth > bodyWidth) {
    //        pressTableFlag = true;
    //    }
    //}).on("touchmove", function () {
    //    var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0 : parseFloat($(this).find("table").css("width"));
    //    var ScrollLeft = isNaN(parseFloat($(this).scrollLeft())) ? 0 : parseFloat($(this).scrollLeft());
    //    var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
    //    var ShowSBarName = $(this).next().attr("class");
    //    if (ScrollLeft >= 0 && ShowSBarName == "ShowSBar" && $(this).next().find(".ShowSBarC").length > 0) {
    //        // 有滚动条的进行移动
    //        $(this).next().find(".ShowSBarC").css("left", (ScrollLeft*HRate) + "px");
    //    }
    //});
}
// 移动端使用，true：表示点击表格且正在移动，需阻止模块切换
function getPressFlag() {
    alert(pressTableFlag);
}
// 滚动条渲染

// 设置离焦事件
function setPressFlag() {
    pressTableFlag = false;
}
// 判断是否存在中文(true表示存在)
var hasChineseWorld = function (dataStr) {
    if (escape(dataStr).indexOf("%u") < 0) {
        return false;
    }
    else {
        return true;
    }
};
//学生端 处理作答区域
var answerData = new Array();
function handleAnswerRange() {
    //规范文本格式
    var answerId = "";
    var tempJson = new Array();
    //先处理一题多空的情况，获取两个之间的答题点
    $(".multipleStart").each(function (i, item) {
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            var checkId = $(item).find('.yaoshi').attr("answer-id");
            var headid = $(item).find('.yaoshi').attr("parent-anid");
            var ischecked = $(item).find(".underlineContent").text().indexOf("√") > -1;
            var answerText = ischecked ? "√" : "";
            //勾选题
            if ($(item).hasClass('boxQue')) {
                $(item).find('.yaoshi').after("<div class='checkbox' answer-id='" + checkId + "' parent-anid='" + headid + "' answer-isky='2' answer-anstext=" + answerText + "><input id=" + checkId + " type='checkbox'><label for=" + checkId + "></label></div>");
                //$(item).find('input').prop('checked', ischecked);
                $(item).find('.underlineContent').hide();
            }
            //点击事件
            $(item).find('input').bind("click", function () {
                var curObj = new Object();
                curObj.Id = $(this).parent().attr("answer-id");//答题点ID
                curObj.pId = $(this).parent().attr("parent-anid");//答题点ID
                curObj.IsKY = $(this).parent().attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题，2-打勾题
                //curObj.Text = $(this).parent().attr("answer-text");//用户作答内容
                curObj.Score = $(this).parent().attr("answer-score");//作答评分
                curObj.AnsText = $(this).parent().attr("answer-anstext");//参考答案
                curObj.Comment = $(this).parent().attr("answer-comment");//评语
                curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
                curObj.Text = $(this).prop("checked") ? "√" : "";//用户作答内容
                $(this).parent().attr("answer-text", curObj.Text);//用户作答内容

                $(".checkbox").removeClass("select-answer");
                $(".answer-body").removeClass("select-answer");
                $(this).parent().addClass("select-answer");

                //已作答，弹出作答答案
                if ($(this).parent().data("ans-status") == "1") {
                    //移动端添加外部处理
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
                else {
                    //移动端添加外部处理，弹出作答操作
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
            });
            //删除钥匙节点
            $(item).find('.yaoshi').hide();
        });
    });

    //所有underline不做处理
    $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underline"), function (index, item) {
        tempId = $(item).prevAll(".yaoshi").attr("answer-id");
        //记录上一次的ID
        if (tempId == undefined) {
            tempId = answerId;
        }
        else {
            answerId = tempId;
        }
        var prev = $(item).prev();
        if ((prev.length == 0 || $(prev).attr("class") != "tag-span") && $(prev).attr("class") != "underlineContent") {
            if ($("span[answer-id='" + tempId + "']").length == 0) {
                $(item).prop("outerHTML", "<span answer-id='" + tempId + "' class='tag-span' answer-isky='0'>_</span>");
            }
        }
        $(item).remove();
    });

    //提取参考答案并规范文本格式
    answerId = "";
    $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
        var info = new Object();
        info.Id = $(item).prevAll(".yaoshi").attr("answer-id");
        info.pId = $(item).prevAll(".yaoshi").attr("parent-anid");
        //记录上一次的ID
        if (info.Id == undefined) {
            info.Id = answerId;
        }
        else {
            answerId = info.Id;
        }
        if (info.pId == undefined) {
            info.pId = answerId;
        }

        info.AnsText = $(item).attr("data-text");
        if (info.AnsText == undefined) {
            info.AnsText = $(item).text();
        }
        tempJson.push(info);

        var prev = $(item).prev();
        if (!$(prev).hasClass("checkbox")) {
            if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
                //替换答案
                $(item).prop("outerHTML", "<span answer-id='" + info.Id + "' class='tag-span' answer-isky='0'>_</span>");
            }
            else {
                $(item).remove();
            }
        }
    });

    //补充空钥匙的处理
    $.each($(".yaoshi"), function (index, item) {
        var Id = $(item).attr("answer-id");
        var prev = $(item).next();
        if (!$(prev).hasClass("checkbox")) {
            if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
                if ($("span[answer-id='" + Id + "']").length == 0) {
                    var uHtml = document.createElement("span");
                    uHtml.className = "tag-span";
                    uHtml.innerText = "_";
                    uHtml.setAttribute("answer-id", Id);
                    $(item).after(uHtml);
                }
            }
        }
    });

    //处理口语试题
    $.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
        if (part.tagName != "p") {
            $.each($(part).find(".tag-span"), function (index, item) {
                $(item).attr("answer-isky", "1");
            });
        }
        else {
            if ($(part).hasClass("underlinePart")) {
                $.each($(part).find(".tag-span"), function (index, item) {
                    $(item).attr("answer-isky", "1");
                });
            }
        }
    });

    //合并参考答案数据
    var tempid = "";
    var temppid = "";
    var temptext = "";
    for (var i = 0; i < tempJson.length; i++) {
        if (tempid == tempJson[i].Id) {
            temptext = temptext + tempJson[i].AnsText;
        }
        else {
            if (tempid != "") {
                var info = new Object();
                info.Id = tempid;
                info.pId = temppid;
                info.AnsText = temptext;
                answerData.push(info);
                //重置
                tempid = "";
                temptext = "";
            }

            tempid = tempJson[i].Id;
            temppid = tempJson[i].pId;
            temptext = tempJson[i].AnsText;
            //最后一个存入
            if (i == tempJson.length - 1) {
                var info = new Object();
                info.Id = tempid;
                info.pId = temppid;
                info.AnsText = temptext;
                answerData.push(info);
            }
        }
    }

    //补全答题点
    var Num = 0;
    if (answerData.length > 0) {
        //Num = Number.parseInt(answerData[answerData.length - 1].Id);
        Num = Number.parseInt($(".yaoshi:last").attr('answer-id'));
        for (var i = 0; i < Num + 1; i++) {
            if (i < answerData.length) {
                var index = Number(answerData[i].Id) - i;
                for (var j = 0; j < index; j++) {
                    var info = new Object();
                    info.Id = (i + j).toString();
                    info.pId = info.Id;
                    info.AnsText = "";
                    answerData.splice(i, 0, info);
                }
            }
            else {
                var info = new Object();
                info.Id = (i).toString();
                info.pId = info.Id;
                info.AnsText = "";
                answerData.splice(i, 0, info);
            }
        }
    }

    //添加答题点的点击UI及交互
    $.each($(".tag-span"), function (index, item) {
        var answerText = "";
        var parentId = "";
        var isky = $(item).attr('answer-isky');
        var answerid = $(item).attr('answer-id');

        for (var i = 0; i < answerData.length; i++) {
            if (answerid == answerData[i].Id) {
                parentId = answerData[i].pId;
                answerText = answerData[i].AnsText;
                break;
            }
        }
        $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentId + "' answer-anstext='" + answerText + "' answer-isky='" + isky + "' answer-showanswer='0'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text'></buttom></div>");
        //删除钥匙节点
        var prev = $("img[answer-id='" + answerid + "']");
        if (prev.length > 0) {
            $(prev).remove();
        }
    });

    //添加点击事件
    $(".answer-body").on("click", function () {
        var curObj = new Object();
        curObj.Id = $(this).attr("answer-id");//答题点ID
        curObj.pId = $(this).attr("parent-anid");//答题点ID
        curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
        curObj.Text = $(this).attr("answer-text");//用户作答内容
        curObj.Score = $(this).attr("answer-score");//作答评分
        curObj.AnsText = $(this).attr("answer-anstext");//参考答案
        curObj.Comment = $(this).attr("answer-comment");//评语
        curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID

        $(".checkbox").removeClass("select-answer");
        $(".answer-body").removeClass("select-answer");
        $(this).addClass("select-answer");

        //已作答，弹出作答答案
        if ($(this).data("ans-status") == "1") {
            //移动端添加外部处理
            onClickAnswerPoint(JSON.stringify(curObj));
        }
        else {
            //移动端添加外部处理，弹出作答操作
            onClickAnswerPoint(JSON.stringify(curObj));
        }
    });

    //去除多余的空格横线
    $.each($(".underline"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //删除所有钥匙节点
    $("img[class=yaoshi]").remove();
    //console.log(JSON.stringify(answerData));
    return answerData;
}

//接收学生的作答
function reviewAnswer(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerObj = JSON.parse(answerJson);
        var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
        var audioElement = $(selectElement).children(".answer-audio-range").children("img").eq(0);
        answerObj.IsKY = $(selectElement).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题

        //是否为音频作答
        if ((answerObj.Type == 3 || answerObj.Type == 4) && answerObj.AudioUrl != "") {
            $(selectElement).children(".answer-point-range").hide();
            $(selectElement).children(".answer-audio-range").css("display", "inline-block");
            $(selectElement).children(".answer-audio-range").children("span").text("作答音频(" + answerObj.AudioLength + "s)");
            //填充作答内容
            $(selectElement).attr("answer-text", answerObj.Text);
            if (answerObj.Text != "") {
                answerObj.Text = "(" + answerObj.Text + ")";
                $(selectElement).children(".answer-text").show();
                $(selectElement).children(".answer-text").text(answerObj.Text);
            }

            //是否之前存在作答音频
            $(selectElement).attr("answer-url", answerObj.AudioUrl);
            $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
            $(selectElement).children(".answer-audio-range").attr("play-status", "0");
            //独立绑定事件
            $(audioElement).on("click", function () {
                recordAudioClick(this, answerObj.Id, answerObj.AudioUrl);
            });
            $(selectElement).children(".answer-audio-range").children("span").on("click", function () {
                $(".answer-body").removeClass("select-answer");
                $(selectElement).addClass("select-answer");
                onClickAnswerPoint(JSON.stringify(answerObj));
            });
        }
        else {
            $(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
            $(selectElement).children(".answer-audio-range").hide();
            if (answerObj.Text != "") {
                $(selectElement).children(".answer-text").show();
                $(selectElement).children(".answer-point-range").hide();
                $(selectElement).children(".answer-text").text(answerObj.Text);
            }
            else {
                $(selectElement).children(".answer-text").hide();
                $(selectElement).children(".answer-point-range").show();
            }
        }
    }
}

//提交，获取所有作答答案及参考答案
function getAllAnswer() {
    //处理作答
    $.each($(".answer-body"), function (index, item) {
        var mytext = $(item).children(".answer-text").text();
        var curDisplay = $(item).children(".answer-audio-range").css("display");
        if (mytext == "" && curDisplay == "none") {
            mytext = "未作答";
            $(item).children(".answer-point-range").hide();
            $(item).children(".answer-text").show();
            $(item).children(".answer-text").text(mytext);
            $(item).children(".answer-text").addClass("no-answer");
        }
    });
    $(".answer-body").removeClass("select-answer");//移除样式
    $(".answer-body").unbind("click");//取消点击绑定事件
    $(".answer-body").children(".answer-audio-range").children("span").unbind("click");//取消点击绑定事件

    //打勾题的还原
    $.each($(".checkbox"), function (num, item) {
        var answerid = $(item).attr("answer-id");
        var parentid = $(item).attr("parent-anid");
        //提交直接还原作答现场
        var mytext = $(item).attr("answer-text");//我的答案
        var ischecked = mytext.indexOf("√") > -1;
        var answerText = $(item).attr("answer-anstext");//参考答案

        mytext = mytext == "" ? "__" : mytext;
        $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
    });

    //console.log(JSON.stringify(answerData));

    return answerData;
}

//回填所有答案，answerJson：所有作答及参考答案List，statusType：0-可作答，1-已提交，2-查看评阅
function backupAllAnswer(answerJson, statusType) {
    if (answerJson != "" && answerJson) {
        var answerList = JSON.parse(answerJson);
        $.each($(".answer-body"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }
            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题

            //添加音频控制
            var hasAudio = false;
            var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
            if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                hasAudio = true;
                $(item).children(".answer-point-range").hide();
                $(item).children(".answer-audio-range").css("display", "inline-block");
                $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext != "") {
                    mytext = "(" + mytext + ")";
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }
                //音频节点
                $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
                $(item).attr("answer-url", answerList[index].AudioUrl);
                $(item).children(".answer-audio-range").attr("play-status", "0");

                //独立绑定事件
                $(audioElement).on("click", function () {
                    recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
                });
            }
            //可作答状态，作答还原
            if (statusType == 0) {
                //已作答过，还原作答，增加作答后的UI节点
                if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                    $(item).children(".answer-audio-range").children("span").on("click", function () {
                        $(".answer-body").removeClass("select-answer");
                        $(item).addClass("select-answer");
                        onClickAnswerPoint(JSON.stringify(answerList[index]));
                    });
                }
                else {
                    $(item).attr("answer-text", mytext);//填充作答内容
                    if (mytext != "") {
                        $(item).children(".answer-text").show();
                        $(item).children(".answer-point-range").hide();
                        $(item).children(".answer-text").text(mytext);
                    }
                }
            }
            //已提交，作答还原
            if (statusType == 1) {
                //取消点击绑定事件
                $(item).unbind('click');
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext == "" && !hasAudio) {
                    mytext = "未作答";
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                    $(item).children(".answer-text").addClass("no-answer");
                }
                else if (mytext == "" && hasAudio) {
                    $(item).children(".answer-text").hide();
                }
                else {
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }
                $(item).children(".answer-point-range").hide();
            }
            //已评阅，查看评阅详情
            if (statusType == 2) {
                //添加音频控制
                if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                    //独立绑定事件
                    $(item).children(".answer-audio-range").children("span").on("click", function () {
                        $(".answer-body").removeClass("select-answer");
                        $(item).addClass("select-answer");
                        onClickAnswerPoint(JSON.stringify(answerList[index]));
                    });
                }
                else {
                    $(item).attr("answer-text", mytext);//填充作答内容
                    if (mytext == "" && !hasAudio) {
                        mytext = "未作答";
                        $(item).children(".answer-text").show();
                        $(item).children(".answer-text").text(mytext);
                        $(item).children(".answer-text").addClass("no-answer");
                    }
                    else if (mytext == "" && hasAudio) {
                        $(item).children(".answer-text").hide();
                    }
                    else {
                        $(item).children(".answer-text").show();
                        $(item).children(".answer-text").text(mytext);
                    }
                    $(item).children(".answer-point-range").hide();
                }

                //评阅样式
                if (answerList[index].Score == 0 && answerList[index].Text != "") {
                    $(item).children(".answer-text").addClass("bad-answer");
                }
                if (answerList[index].Score > 0) {
                    $(item).children(".answer-text").addClass("good-answer");
                }
            }
            // 添加answer-boy的样式判断
            var DStatusFlag = $(item).find(".answer-point-range").css("display") != "none";
            if (DStatusFlag) {
                $(item).attr("answer-showanswer", "0");  // 修改显示格式
            }
            else {
                $(item).attr("answer-showanswer", "1");  // 修改显示格式
            }
        });
        //打勾题的还原
        $.each($(".checkbox"), function (num, item) {
            //可作答状态，作答还原
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }

            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var ischecked = mytext.indexOf("√") > -1;
            var answerText = $(item).attr("answer-anstext");//参考答案

            $(item).attr("answer-text", mytext);
            $(item).find('input').prop('checked', ischecked);

            //已提交，已评阅，还原HTML代码，去除checkbox
            if (statusType == 1 || statusType == 2) {
                mytext = mytext == "" ? "__" : mytext;
                $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
            }
        });
        //点击事件重新绑定
        if (statusType == 0 || statusType == 2) {
            $(".answer-body").unbind("click").on("click", function () {
                var curObj = new Object();
                curObj.Id = $(this).attr("answer-id");//答题点ID
                curObj.pId = $(this).attr("parent-anid");//答题点ID
                curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
                curObj.Text = $(this).attr("answer-text");//用户作答内容
                curObj.Score = $(this).attr("answer-score");//作答评分
                curObj.AnsText = $(this).attr("answer-anstext");//参考答案
                curObj.Comment = $(this).attr("answer-comment");//评语
                curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID

                $(".checkbox").removeClass("select-answer");
                $(".answer-body").removeClass("select-answer");
                $(this).addClass("select-answer");

                //已作答，弹出作答答案
                if ($(this).data("ans-status") == "1") {
                    //移动端添加外部处理
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
                else {
                    //移动端添加外部处理，弹出作答操作
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
            });
        }
    }
}

//老师评阅学生作答
function reviewStuAnswer(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerObj = JSON.parse(answerJson);
        var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");

        //$(selectElement).attr("answer-text", answerObj.Text);//用户作答内容
        $(selectElement).attr("answer-score", answerObj.Score);//作答评分
        $(selectElement).attr("answer-anstext ", answerObj.AnsText);//参考答案
        $(selectElement).attr("answer-comment", answerObj.Comment);//评语
        //评阅样式
        if (answerObj.Score == 0) {
            $(selectElement).children(".answer-text").removeClass("good-answer");
            $(selectElement).children(".answer-text").addClass("bad-answer");
        }
        if (answerObj.Score > 0) {
            $(selectElement).children(".answer-text").removeClass("bad-answer");
            $(selectElement).children(".answer-text").addClass("good-answer");
        }
    }
}

//回填所有评阅信息，answerJson：所有作答及参考答案评阅信息List
function backupAllReview(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerList = JSON.parse(answerJson);
        $.each($(".answer-body"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }

            //$(item).attr("answer-id", answerList[index].Id);//答题点ID
            //$(item).attr("answer-text", answerList[index].Text);//用户作答内容
            $(item).attr("answer-score", answerList[index].Score);//作答评分
            $(item).attr("answer-anstext ", answerList[index].AnsText);//参考答案
            $(item).attr("answer-comment", answerList[index].Comment);//评语

            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
            if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                $(item).children(".answer-point-range").hide();
                $(item).children(".answer-audio-range").css("display", "inline-block");
                $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext != "") {
                    mytext = "(" + mytext + ")";
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }

                //是否之前存在作答音频
                $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
                $(item).attr("answer-url", answerList[index].AudioUrl);
                $(item).children(".answer-audio-range").attr("play-status", "0");
                //独立绑定事件
                $(audioElement).on("click", function () {
                    recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
                });
                $(item).children(".answer-audio-range").children("span").on("click", function () {
                    $(".answer-body").removeClass("select-answer");
                    $(item).addClass("select-answer");
                    onClickAnswerPoint(JSON.stringify(answerList[index]));
                });
            }
            else {
                $(item).attr("answer-text", mytext);//填充作答内容
                if (mytext == "") {
                    mytext = "未作答";
                    $(item).children(".answer-text").addClass("no-answer");
                }
                $(item).children(".answer-text").show();
                $(item).children(".answer-text").text(mytext);
                $(item).children(".answer-point-range").hide();
            }

            //评阅样式
            if (answerList[index].Score == 0) {
                $(item).children(".answer-text").addClass("bad-answer");
            }
            if (answerList[index].Score > 0) {
                $(item).children(".answer-text").addClass("good-answer");
            }
        });
        //打勾题的还原
        $.each($(".checkbox"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }

            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var ischecked = mytext.indexOf("√") > -1;
            var answerText = $(item).attr("answer-anstext");//参考答案
            mytext = mytext == "" ? "__" : mytext;
            $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
        });
        //点击事件重新绑定
        $(".answer-body").unbind("click").on("click", function () {
            var curObj = new Object();
            curObj.Id = $(this).attr("answer-id");//答题点ID
            curObj.pId = $(this).attr("parent-anid");//答题点ID
            curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
            curObj.Text = $(this).attr("answer-text");//用户作答内容
            curObj.Score = $(this).attr("answer-score");//作答评分
            curObj.AnsText = $(this).attr("answer-anstext");//参考答案
            curObj.Comment = $(this).attr("answer-comment");//评语
            curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID

            $(".checkbox").removeClass("select-answer");
            $(".answer-body").removeClass("select-answer");
            $(this).addClass("select-answer");

            //已作答，弹出作答答案
            if ($(this).data("ans-status") == "1") {
                //移动端添加外部处理
                onClickAnswerPoint(JSON.stringify(curObj));
            }
            else {
                //移动端添加外部处理，弹出作答操作
                onClickAnswerPoint(JSON.stringify(curObj));
            }
        });
    }
}

//处理播放录音，answerid：答题点ID，isPlay：是否播放（0-暂停，1-播放）
function playRecordAudio(answerid, isPlay) {
    //获取其他正在播放的音频
    var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
    if (playing.length > 0) {
        if (isPlay == "1") {
            $(playing).attr("play-status", "1");
            $(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
        }
        else {
            $(playing).attr("play-status", "0");
            $(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
    }
}

//滚动到相应DIV
function scrollAnswer(answerid) {
    //console.log(answerid);
    $(".checkbox").removeClass("select-answer");
    $(".answer-body").removeClass("select-answer");
    var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
    if (ansDom.length == 0) {
        ansDom = $(".checkbox[parent-anid='" + answerid + "']");
    }
    $(ansDom).addClass("select-answer");
    var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset，包含两个值，top和left
    var offset_top = scroll_offset.top;
    if (offset_top > 150) {
        offset_top = offset_top - 200;
    }

    $("body,html").animate({
        scrollTop: offset_top //让body的scrollTop等于pos的top，就实现了滚动
    });
}

//暂停播放原文音频
function pauseTextAudio(audioid) {
    //获取其他正在播放的音频
    var playing = $(".audioImg[audio-id='" + audioid + "']");
    if (playing.length > 0) {
        $(playing).attr("play-status", "0");
        $(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
    }
}

//原文音频播放按钮点击事件
function audioPlayClick(myobj) {
    var curHtml = $(myobj).parent().find(".audioUrl").html();
    var curAlt = $(myobj).attr("alt");
    //处理当前按钮的状
    if ($(myobj).attr("play-status") == "1") {
        $(myobj).attr("play-status", "0");
        $(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
    }
    else {
        //停止其他作答音频播放
        var isRecordPlaying = $(".answer-audio-range[play-status='1']");
        if (isRecordPlaying.length > 0) {
            $(isRecordPlaying).attr("play-status", "0");
            $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
        //停止其他原文音频播放
        var audioPlaying = $(".audioImg[play-status='1']");
        if (audioPlaying.length > 0) {
            $(audioPlaying).attr("play-status", "0");
            $(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
        }
        //设置播放状态
        $(myobj).attr("play-status", "1");
        $(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
    }

    var info = new Object();
    info.Id = $(myobj).attr("audio-id");
    info.AudioUrl = curAlt;
    //移动端添加外部处理
    playVisiableAudioCallBack(1, JSON.stringify(info));
}

//作答录音播放按钮点击事件
function recordAudioClick(myobj, id, url) {
    //处理当前按钮的状态
    if ($(myobj).parent().attr("play-status") == "0") {
        //停止其他作答音频播放
        var isRecordPlaying = $(".answer-audio-range[play-status='1']");
        if (isRecordPlaying.length > 0) {
            $(isRecordPlaying).attr("play-status", "0");
            $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
        //停止其他原文音频播放
        var audioPlaying = $(".audioImg[play-status='1']");
        if (audioPlaying.length > 0) {
            $(audioPlaying).attr("play-status", "0");
            $(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
        }
        //设置播放状态
        $(myobj).parent().attr("play-status", "1");
        $(myobj).attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
    }
    else {
        $(myobj).parent().attr("play-status", "0");
        $(myobj).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
    }

    //移动端添加外部处理，播放录音
    var info = new Object();
    info.Id = id;
    info.AudioUrl = url;
    //移动端添加外部处理，播放录音
    playVisiableAudioCallBack(3, JSON.stringify(info));
}

//生成从minNum到maxNum的随机数
function randomNum(minNum, maxNum) {
    switch (arguments.length) {
        case 1:
            return parseInt(Math.random() * minNum + 1, 10);
            break;
        case 2:
            return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
            break;
        default:
            return 0;
            break;
    }
}

function playVisiableAudioCallBack(type, url) {
    //console.log(url);
    cancelBubble();
    plugin.startPlay(type, url);
}

function onClickAnswerPoint(data) {
    //alert(JSON.stringify(data));
    console.log(JSON.stringify(data));
    cancelBubble();
    plugin.onClickAnswerPoint(data);
}

function onClickKeyHide() {
    //alert(JSON.stringify(data));
    cancelBubble();
    plugin.onClickKeyHide();
}

function cancelBubble(e) {
    var evt = e ? e : window.event;
    if (evt.stopPropagation) { //W3C
        evt.stopPropagation();
    } else { //IE
        evt.cancelBubble = true;
    }
}

function getSelectedText(title) {
    var txt;
    if (window.getSelection) {
        txt = window.getSelection().toString();
    } else if (window.document.getSelection) {
        txt = window.document.getSelection().toString();
    } else if (window.document.selection) {
        txt = window.document.selection.createRange().text;
    }
    JSInterface.callback(txt, title);
}