我正在尝试找出在MVC应用程序中使用jQuery的最佳实践。具体来说,我想知道我应该做些什么,以便我不会在所有的视图中混杂着单独的document.ready语句。
例如:
我有以下视图:
/Views/Shared/_Layout.cshtml /Views/Home/Index.cshtml /Views/Home/_Dialog.cshtml /Views/Home/_AnotherDialog.cshtml
我有一个控制器操作,将呈现Home/Index视图,它使用布局并呈现两个部分视图(或编辑模板、显示模板等)。这个控制器操作已经呈现了4个或更多视图。每个视图都使用一些jquery document.ready代码。
目前,我在每个视图的底部放置代码。
例如:
我有以下视图:
/Views/Shared/_Layout.cshtml /Views/Home/Index.cshtml /Views/Home/_Dialog.cshtml /Views/Home/_AnotherDialog.cshtml
我有一个控制器操作,将呈现Home/Index视图,它使用布局并呈现两个部分视图(或编辑模板、显示模板等)。这个控制器操作已经呈现了4个或更多视图。每个视图都使用一些jquery document.ready代码。
目前,我在每个视图的底部放置代码。
// In Index
<script type="text/javascript">
$(function() {
$('#tabs').tabs()
});
</script>
// In _Dialog
<script type="text/javascript">
$(function() {
$('#some-dialog').dialog( ... );
});
</script>
我知道这不是一个很好的做法,因为在我的小项目中它已经变得难以管理。当我有大量页面需要在数十个视图中分离jQuery / javascript初始化代码时,有哪些好的做法可以遵循?