Question

我刚刚开始学习网页设计，并且已经达到了我需要学习将API和JSON导入到我的页面中的部分。无论如何，到目前为止我一直在使用codepen.io进行练习，但我想尝试使用我创建的一些JSON - 这意味着我必须在notepad ++中编写我的代码 - 。长话短说，我甚至无法将jQuery导入我的.html文件。我有以下代码：

<!DOCTYPE html>
<html>
    <head>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
    </head>
    <body>
        <script>
            $('button').click(function () {
                $('div').fadeTo('slow',0);
            });*/
        </script>
        <button>Hello</button>
        <div>HELLO</div>
    </body>
</html>

通常，这会使HELLO div消失，但事实并非如此。此外，当我查看浏览器的控制台（F12）时，它说谷歌服务器已经返回了304代码。

Answer 1

在脚本执行时，DOM中不存在<button>元素。 $('button')返回一个空集合，并且不绑定任何事件处理程序。

您需要执行以下操作之一：

将脚本移动到脚本所依赖的DOM节点创建后执行
将您的代码包装在对document.ready：
的调用中
```
$(function () {
    ...your code here...
});
```
将defer属性添加到脚本元素中，以便在其余DOM加载后执行。

委托事件处理程序，使其绑定到未来节点的父节点：

$('body').on('click', 'button', function () {
    ...your code here...
});

似乎无法导入jQuery

1 个答案: