javascript - 有没有办法将代码附加到 asp.mvc 部分

Question

我有部分内容作为复杂页面组合的一部分呈现。

其中一些部分需要一些 jQuery OnDocumentReady 特性来播种列表数据等。在渲染过程中可以选择许多这样的部分(它非常动态)

在我的 _Layout 中，我有一个看起来像这样的部分定义

<script src="http://my/fav/cdn/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
    @RenderSection("OnDocumentReadySection", false)
});
</script>

在我的部分我想写这样的东西

@section OnDocumentReadySection{
    $('#partial-1').init();
}

并让页面呈现的结果像这样结束

<script src="http://my/fav/cdn/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
    $('#partial-1').init();
    $('#partial-2').init();
    $('#partial-3').init();
    $('#partial-n').init();
});
</script>

这是为了确保我所有的 javascript 都位于呈现的 html 的底部，我被告知这是最佳的。

Answer 1

代替:

jQuery(function($) {
    $('#partial-1').init();
    $('#partial-2').init();
    $('#partial-3').init();
    $('#partial-n').init();
});

您应该改为为它们每个分配一个通用的 css 类(即使您没有为它定义定义)，然后在头部执行此操作:

jQuery(function($) {
    $('.classname').init();
});

或者如果需要的话:

jQuery(function($) {
    $('.classname').each(function(){ $(this).init(); });
});