$(document).ready(function () { ... 不会触发

Question

我在其中一个视图的末尾有以下代码：

@section Scripts {
<script type="text/JavaScript">

    $(document).ready(function () {
        alert("!!!");
    });

</script>
}

无论我做什么，我都不能让它着火。我已经检查并进一步包含 JQuery 代码。使用这里的建议，我将代码更改为以下内容以确认 jquery 已正确加载。这给出了“是的！” 加载页面时发出警报。

@section Scripts {
<script type="text/JavaScript">

    window.onload = function () {
        if (window.jQuery) {
            // jQuery is loaded  
            alert("Yeah!");
        } else {
            // jQuery is not loaded
            alert("Doesn't Work");
        }
    }
</script>
}

我页面中源代码的结尾如下所示：

<script src="/Scripts/jquery-1.9.1.js"></script>

<script src="/Scripts/jquery-ui-1.8.24.js"></script>

<script src="/Scripts/bootstrap.js"></script>

<script src="/Scripts/breakpoints.js"></script>

<script src="/Plugins/jquery-unveil/jquery.unveil.js"></script>

<script src="/Plugins/jquery-fademenu/jquery.fademenu.js"></script>

<script src="/Plugins/jquery-block-ui/jqueryblockui.js"></script>

<script src="/Plugins/jquery-slimscroll/jquery.slimscroll.js"></script>

<script src="/Plugins/bootstrap-select2/select2.js"></script>

<script src="/Plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

<script src="/Plugins/dropzone/dropzone.js"></script>

<script src="/Scripts/core.js"></script>

<script type="text/JavaScript">

    $(document).ready(function () {
        alert("!!!");
    });

</script>    

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"Chrome","requestId":"6301d560dc274f4ea5ec24b8e0c2a19f"}
</script>
<script type="text/javascript" src="http://localhost:50280/1cd42285f06243669b1fd5837f1f05c3/browserLink" async="async"></script>
<!-- End Browser Link -->

</body>
</html>

我无法弄清楚我哪里出错了......

Answer 1

如果此代码正常工作

 window.onload = function () {
        if (window.jQuery) {
            // jQuery is loaded  
            alert("Yeah!");
        } else {
            // jQuery is not loaded
            alert("Doesn't Work");
        }
    }

而这段代码没有：

 $(document).ready(function () {
        alert("!!!");
    });

你可能的问题是与美元符号有冲突 $

我会输入 jQuery 而不是使用美元符号，或者当然你可以这样做：

var j = jQuery.noConflict();

那么你可以使用j你曾经使用过的地方$

或者...只是控制台中有一个错误，您仍然没有回应，如果是这种情况，我会更新答案

编辑：：

你的代码没有执行的原因是因为 javascript 很奇怪，如果在 javascript 代码块中的任何地方出现错误，那么它下面的任何内容都不会被执行。这就是为什么我问是否有任何控制台错误。检查控制台是解决任何 javascript 错误的第一步。