Question

我正在使用this jQuery插件来生成自定义Facebook好友选择器。下面是生成每个朋友div的代码（第86行）。 Link到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>");

并为div css添加display:inline-block。

无论我做什么，形象总是第一位的。即使在<img/>.之前添加元素也请帮助

Answer 1

删除float:left属性就行了。

使用jquery动态添加复选框

1 个答案: