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

我的temple有js来更改网格宽度和使用该temple的项目中的每个视图。但是现在我有一个页面，也希望更改网格宽度。我希望js的执行顺序是temple first，second order是single view。但事实上single viewjs总是先执行。如何更改此顺序

Mvc temple js（用于所有视图）：

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

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

单视图js：

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

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

---

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

在模板布局中：

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

@if（IsSectionDefined（“ResizeJS”））{
@RenderSection（“ResizeJS”，false）
}
否则{
$（函数（）{
$（“#mygriddiv”）.width（$（“#containerdiv”）.width（）-200）；
});
}

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

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

@section ResizeJS
{
$（函数（）{
$（“#mygriddiv”）.width（$（“#containerdiv”）.width（））；
});
}