jquery - 加载图像按钮，jquery 不起作用

Question

我以前从未使用过 jquery，所以我可能只是忘了一些东西。我想要做的是在我的页面上添加一个按钮，在按下时加载一些图像。甚至让它加载我已经创建的 div。

在我的头标签中有这个。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
  $("button").click(function () {
    var imgUrl = $(this).data('rel');
    $("#area").html("<img src='" + imgUrl + "' alt='description' />");
  });
</script>

在我的 body 里有按钮。

<button data-rel="img/inasecond.jpg">Click Me</button>

请帮帮我，我稍后有时间会学习一点 jquery，但现在我只需要学习如何使用在网络上找到的代码。

Answer 1

在文档完全加载之前，jQuery 无法运行。因此:

将你的 jQuery 代码包裹在里面

$(document).ready(){ //your jQuery here });

那么它应该可以工作了 ;)