我正在使用这个jQuery 插件来生成自定义 facebook 朋友选择器。下面是生成每个朋友 div 的代码(第 86 行)。链接到 css
$.each(sortedFriendData, function(i, friend) {
selectedClass = (friend.id in preselected_friends_graph) ? "selected" : "";
buffer.push("<div class='jfmfs-friend " + selectedClass + " ' id='" + friend.id +"'><img/><div class='friend-name'>" + friend.name + "</div></div>");
});
friend_container.append(buffer.join(""));
uninitializedImagefriendElements = $(".jfmfs-friend", elem);
uninitializedImagefriendElements.bind('inview', function (event, visible) {
if( $(this).attr('src') === undefined) {
$("img", $(this)).attr("src", "//graph.facebook.com/" + this.id + "/picture");
}
$(this).unbind('inview');
});
在这里,我尝试在每个图像前面添加复选框。在这将有一个复选框,图像和名称在一行中。我尝试添加这样的复选框
buffer.push("<div class='jfmfs-friend " + selectedClass + " ' id='" + friend.id +"'><input type='checkbox'/><img/><div class='friend-name'>" + friend.name + "</div></div>");
并display:inline-block
为 div css 添加。
无论我做什么,形象总是第一位的。即使之前添加元素<img/>.
请帮助