我制作了一个显示用户 Facebook 照片的网站。下面的代码将照片附加到 div“facebook-images”。这部分工作正常。我遇到的问题是在加载下面的 Javascript 代码后附加图像;所以当浏览器读取底部的点击功能代码时不会创建处理程序“fb-image”,因此它不起作用。
我相信我需要使用 jQuery on()
,但是在哪里呢?我试图on()
在下面的代码中到处放置。我试过用 append 绑定,我试过现场直播(我知道它已被弃用但值得一试)。没有任何工作。
有任何想法吗?
<div class="target">
</div>
<div id="facebook-images">
</div>
<script>
$.when(window.deferredes.fbLoaded, window.deferredes.fbLoggedIn).then(function () {
$.getJSON('https://graph.facebook.com/me/photos?access_token=' + FB.getAccessToken(), function (data) {
$.each(data.data, function (i, face) {
$('#facebook-images').append("<div class='fb-image'><img src='" + face.source + "' ></div>");
});
});
});
$(".fb-image img").click(function () {
$(".target").append("<h1>hi</h1>");
});
</script>