$（document）.ready（asp.net mvc razor页面中的function（）

Question

我在我的asp.net razor页面（mvc）中调用$（document）.ready（function（）..当我在chrome的javascript调试工具中创建一个断点时，它并没有停止那里...

我不明白什么是错的，因为当我在asp.net网络表单中使用类似的代码时它会起作用。

请帮忙！

@model List<String>
@{
    ViewBag.Title = "Search for drink types";
}

<script type="text/javascript">
    $(window).load(function () {
        $('#mi-slider').catslider();
        $('#carousel').elastislide({
            orientation: 'vertical'
        });
    });
    $(window).load(function () {
        $('#carousel1').carouFredSel({
            auto: false,
            prev: '.prev1',
            next: '.next1',
            width: 220,
            items: {
                visible: {
                    min: 1,
                    max: 1
                },
                height: 'auto',
                width: 220,
            },
            responsive: true,
            scroll: 1,
            mousewheel: false,
            swipe: {
                onMouse: false,
                onTouch: false
            }
        });
    });
    $(document).ready(function () {
        $().UItoTop({
            easingType: 'easeOutQuart'
        });
    });
</script>



@section featured {
    <section>
        <p>
            @Html.ActionLink("Create New", "Create", "Cocktails")
        </p>
    </section>