Question

我在模型视图控制器项目中遇到了一个独特的问题，问题发生在共享布局中。我有几个Scripts＆amp;样式表已导入。

    <!-- Script: -->
    <script src="../../content/scripts/jquery.min.js"></script>
    <script src="~/Content/Scripts/Navigation.js" type="text/javascript"></script>

    <!-- Stylesheet: -->
    <link href="~/Content/Stylesheet/Skin.css" rel="stylesheet" />
    <link href="~/Content/Stylesheet/Navigation.css" rel="stylesheet" />

所以我在Navigation.css中有相关的 Navigation 数据来处理特定的布局，然后在Navigation.js它将通过添加特定元素来处理对根布局的特定修改像这样：

$(function () {
     if(screen.width < 768 || screen.width < 1024) {
         $("nav").addClass(".Desktop-Navigation");
     }
});

但它似乎在单独的文件中忽略代码。即使我包含根也没有，但代码在 http://jsfiddle.net 中正常工作。

我不确定问题或原因。

我忘了提到我确实尝试了以下内容：

我尝试过$(document).ready
将脚本移动到页面上加载的最后一项。

addClass上方的代码始终执行，但addClass部分从未实际执行过。这是上面始终执行的代码：

$(function () {
     $("#Toggle-Menu").click( function () {
          $("nav").animate({ height: 'toggle' }, 500);
     });
});

这是模型视图控制器如何呈现它的问题视图，为什么会发生这种情况？

Answer 1

听起来您的HTML在HTML完全呈现之前正在执行。您的jsfiddle可能配置为在文档就绪时执行，这进一步加强了这一点。因此，尝试包装您的功能也是一个准备好的文档。

$(document).ready(function () {
    if(screen.width < 768 || screen.width < 1024) {
        $("nav").addClass(".Desktop-Navigation");
    }
});

多个文件问题

1 个答案: