在 Firefox 中运行时，消息未在 Chrome 和 IE 中显示答案

【问题标题】：Message is not showing in Chrome and IE while it is working in Firefox在 Firefox 中运行时，消息未在 Chrome 和 IE 中显示
【发布时间】：2014-12-31 07:57:47
【问题描述】：

此 Div 消息正在更改并在 Firefox 中显示，但在 chrome 中未显示。

这是 HTML：

<div style="position: relative; color: Green" id="divMessage">
<input type="button" value="value" class="abc" id="btnClick" name="Submit" />

Javascript：

var strMessageEmpty = "";
var strMessageSavingInProgress = "Saving Data.  Please wait...";
var strMessageDone = "Module Calculation has been done...!";
$("#btnClick").click(function() {
    $("#divMessage").val(strMessageEmpty);
    $("#divMessage").html(strMessageSavingInProgress);
    // SAVE DATA
    $.ajax({
        type: 'post',
        //  contentType: 'application/json',
        async: false,
        cache: false,
        url: '/Controller/Action',
        //  dataType: 'json',
        data: {
            Period: $('#ddlPeriod').val()
        },
        success: function(data) {
            $("#divMessage").html(strMessageSavingInProgress);
            key = data;
        },
        error: function(err) {}
        $("#divMessage").val(strMessageEmpty);
    });

【问题讨论】：

您包含的标记缺少 div 的结束标记；这是设计使然，还是只是一个错字？如果您使用的是 HTML5 文档类型，则在技术上是必需的：w3.org/TR/html5/grouping-content.html#the-div-element
使用inspect元素检查所有的div是否正确渲染
@Pradeep，更改 $("#divMessage").val(strMessageEmpty);到 $("#divMessage").html(strMessageEmpty);

标签： javascript jquery asp.net-mvc google-chrome firefox

【解决方案1】：

我相信 $("#divMessage").val(strMessageEmpty);应该放在 $.ajax 调用之外（或者你可能想把它放在其他地方，但它当前的位置不正确）：

$.ajax({
    type: 'post',
    //  contentType: 'application/json',
    async: false,
    cache: false,
    url: '/Controller/Action',
    //  dataType: 'json',
    data: {
        Period: $('#ddlPeriod').val()                     

    },

    success: function (data) {     
             $("#divMessage").html(strMessageSavingInProgress);                 
                 key = data;
    }, error: function (err) {

    }
});
$("#divMessage").val(strMessageEmpty);

更新：正如其他人指出的那样，您需要像这样正确关闭 div 标签：

<div style="position: relative; color: Green" id="divMessage"></div>

【讨论】：

实际上它在 Firefox 中运行良好，但在 Chrome 中没有显示（因为它正在快速获取数据）。有什么办法可以在 Chrome 中显示。
好的，但是我上面指出的问题仍然是你的代码有问题。它不是有效的 Javascript。答案已更新