Question

代码：

var names = [
    'Abstract',
    'Animals',
    'Beach',
    //etc. (removed because it was too long)
    'Volcano'
];

var links = [
    'http://i.imgur.com/MFkuQ.jpg',
    'http://i.imgur.com/QEt72.png',
    'http://i.imgur.com/nmrqv.jpg',
    //etc. (removed because it was too long)
    'http://i.imgur.com/7uy15.png'
];

$(document).ready(function() {
    alert('test');
    for (i = 0; i < names.length; i++) {
        var row = document.createElement('tr');
        var col = document.createElement('td');
        col.appendChild(document.createTextNode(names[i]));
        row.appendChild(col);
        document.getElementById('imagenametable').appendChild(row);
    }
});

function expandbar(s) {
    resetbars();
    $('#' + s).show('slow');
}
function resetbars() {
    for (i = 1; i <= 3; i++) {
        $('#sec' + i).hide('slow');
    }
}

$(document).ready()无效;当我的页面加载时，我没有收到“测试”的警报。帮助

我已经加入了jQuery。

Answer 1

    <script type="text/javascript" src="project.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

应该是：

    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript" src="project.js"></script>

脚本必须在jQuery之后加载。

我在http://pastebin.com/raw.php?i=YeZ77WNr

中发布的another question中找到了此代码

Answer 2

尝试为整个事物添加一个闭包：

(function($){

   // do stuff.... 

})(jQuery);

使用此功能，您无需致电$(document).ready()，并确保$与其他任何库均不冲突。只需确保它在结束</body>标记之前正确。

Answer 3

如果未正确包含jquery，则无效或您的javascript代码中存在一些错误。 [包括在任何js文件中]

$(document).ready(function() {
$("#q").keyup(function (e) {
    if(e.keyCode == 13) 
        alert('in');
});

}）;

由于我在head中包含的js文件中有一些错误，因此无法正常工作。

<强>解决方案？如果您已加载DOM，请直接使用您的代码。或者将它放在可以访问DOM [在页脚]

的位置

<script>
$("#q").keyup(function (e) {
    if(e.keyCode == 13) 
        alert('in');
});
</script>

Answer 4

使用此：

jQuery(function($) {  })(jQuery);

或

window.onload = function() {
    /* your code */
}

Answer 5

将javascript放在head标签中

<!DOCTYPE html>
<html lang="en">
    <head>
        <script>
            $(document).ready(function () {
            alert('calll');
            });
        </script>
    </head>
</html>

Answer 6

如果缺少JQuery，只需添加它即可。仅包含JQuery Script就解决了相同的问题。

<script src="~/Scripts/jquery.min.js"></script>

$（document）.ready（）无效

6 个答案: