Question

我有一个带有一些JQuery脚本的视图（asp.net mvc 4）。

表单数据的部分如下所示：

<div class="form-group date">
    @Html.TextBoxFor(m => m.selFilterData.StartDate, new { @class = "form-control", id = "StartDate" })
    @Html.Label("Text", new { @class = "form-control", id = "lbltext" })
</div>

根据模型数据，我显示/隐藏（使用JQuery）Date-Textbox或标签：

$(document).ready(function () {
         // save model Data
         var last24h = function () { 
             return @Html.Raw(Json.Encode(Model.selFilterData.last24h)); }();
        var TodayDate = function () { 
            return @Html.Raw(Json.Encode(Model.selFilterData.TodayDate)); }();
        var SingleDate = function () { 
            return @Html.Raw(Json.Encode(Model.selFilterData.SingleDate)); }();

        // Heute
        if (TodayDate == true) {
            $("#StartDate").hide();
            $("#last24h").prop("checked", false);
            $("#SingleDate").prop("checked", false);
            $("#lbltext").show();                              
            $("#lbltext").html("Daten von Heute");
            $("#myHead_last_h").css("font-size", "1.2em");
        }

        // Daten der letzten 24h
        if (last24h == true) {
            $("#StartDate").hide();
            $("#TodayDate").prop("checked", false);
            $("#SingleDate").prop("checked", false);
            $("#StartDate").html("Daten der letzten 24h");
            $("#lbltext").show();
            $("#lbltext").html("Daten der letzten 24h");
        }

        // Datumsauswahl
        if (SingleDate == true) {
            $("#StartDate").show();
            $("#TodayDate").prop("checked", false);
            $("#last24h").prop("checked", false);
            $("#lbltext").hide();                
            $("#StartDate").css('text-align','center');
            $("#StartDate").css("font-size", "1.2em");
            $("#StartDate").css("font-weight", "bold");
        }                                             
    });

菜单在浏览器中显示如下：

Menu OK

但有时整个页面都已完全加载，但显示了两个元素：

Menu not OK

点击页面上的某个位置后，菜单将更改为正确的设置。我调试了脚本，但我看不出好的运行和糟糕的运行之间的任何区别......

我尝试使用谷歌浏览器（通常我们使用IE浏览器） - 一切都还可以。我的主视图上还有3个部分视图（带表格） - 如果我只加载其中的2个（无论哪一个）它将会很好。

我不知道问题出在哪里......

为什么JQuery脚本不时在ASP.net mcv中完成？

0 个答案: