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

时间:2014-05-23 15:20:55

标签: javascript jquery asp.net-mvc asp.net-mvc-4

我在其中一个观点的末尾有以下代码:

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

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

</script>
}

我做什么,我无法解雇。我已经检查并进一步在代码中包含了JQuery。使用suggestion here我将我的代码更改为以下内容以确认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>

我无法解决我出错的地方......

2 个答案:

答案 0 :(得分:4)

如果此coode正常工作

 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

$

或者...控制台中只是一个错误,你仍然没有回复,如果是这样我会更新答案

EDIT ::

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

答案 1 :(得分:0)

删除@section Scripts块只放置脚本块并尝试...如果没有那么删除所有js只使用jquery并尝试它将definatly。现在添加一个脚本,找到一个有冲突的脚本。