-4

代码：

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。

4

6 回答 6

22 
    <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中找到了这段代码，他在另一个问题中发布了该代码

于 2012-10-12T23:09:01.827 回答
3

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

(function($){

   // do stuff.... 

})(jQuery);

有了这个，你不需要打电话$(document).ready()，并确保你$不会与任何其他图书馆发生冲突。只要确保它就在结束</body>标签之前。

于 2012-10-12T23:00:31.080 回答
1

如果没有正确包含 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>
于 2016-10-14T07:30:23.877 回答
0

用这个：

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

或者

window.onload = function() {
    /* your code */
}
于 2015-02-16T16:12:15.793 回答
0

将javascript放在head标签中

<!DOCTYPE html>
<html lang="en">
    <head>
        <script>
            $(document).ready(function () {
            alert('calll');
            });
        </script>
    </head>
</html>
于 2020-02-04T07:08:40.597 回答
0

如果您缺少它，只需包含 JQuery。仅包含 JQuery 脚本就解决了我的相同问题。

<script src="~/Scripts/jquery.min.js"></script>
于 2020-06-04T08:17:10.440 回答