Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery动态添加复选框_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery动态添加复选框

Javascript 使用jquery动态添加复选框,javascript,jquery,Javascript,Jquery,我正在使用jQuery插件生成自定义facebook好友选择器。下面是生成每个friend div的代码(第86行)。到css $.each(sortedFriendData, function(i, friend) { selectedClass = (friend.id in preselected_friends_graph) ? "selected" : ""; buffer.push("<div cl

我正在使用jQuery插件生成自定义facebook好友选择器。下面是生成每个friend 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');
            });
$。每个(sortedFriendData,函数(i,friend){
selectedClass=(预选朋友图中的friend.id)?“已选”:“;
buffer.push(“
在这里,我尝试在每个图像前面添加复选框。在这将有一个复选框,图像和名称在一行。我尝试添加这样的复选框

buffer.push("<div class='jfmfs-friend " + selectedClass + " ' id='" + friend.id  +"'><input type='checkbox'/><img/><div class='friend-name'>" + friend.name + "</div></div>"); 
buffer.push(“+friend.name+”);
并为div css添加了
display:inline block


无论我做什么,图像总是第一位的。即使在
之前添加元素,请帮助删除
float:left
属性。在浏览器控制台中检查css。听起来像
img
有float或绝对位置是的,img有float:left;property。根据需要调整css。是的。谢谢