如何在mvc temple和单个视图中更改js顺序?

时间:2014-02-19 17:39:45

标签: javascript jquery asp.net-mvc asp.net-mvc-3 asp.net-mvc-4

我的太阳穴有js来改变网格宽度和我项目中的每个视图使用这个寺庙。但是现在我有一个页面也想要改变网格宽度。我希望js执行顺序是寺庙第一,第二order是单一视图。但实际上单个viewjs总是先执行。如何改变这个顺序?

Mvc temple js(在每个视图中使用)

$(function(){
 $("#mygriddiv").width($("#containerdiv").width()-200);
});

单一视图js

$(function(){
 $("#mygriddiv").width($("#containerdiv").width());
});

1 个答案:

答案 0 :(得分:1)

在temlate视图中,为javascript resize脚本定义一个可选部分,可以在视图中定义,并在未定义该视图时呈现通用的resize javascript。

在模板布局中:

@if (IsSectionDefined("ResizeJS")){
    @RenderSection("ResizeJS", false)
}
else {
   <script>
      $(function(){
          $("#mygriddiv").width($("#containerdiv").width()-200);
       });
   </script>
}

在视图中您需要不同的调整大小逻辑,只需使用适用于该视图的调整大小脚本定义您的部分。

@section ResizeJS 
{
   <script>
     $(function(){
        $("#mygriddiv").width($("#containerdiv").width());
      });
   </script>
}