この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');
});
ここでは、各画像の前にチェックボックスを追加しようとしています。これには、チェックボックス、画像、名前が 1 行に表示されます。このようにチェックボックスを追加してみました
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/>.
助けてください