[英]Adding checkbox dynamically using jquery
我正在使用此 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>");
並為div CSS添加了display:inline-block
。
無論我做什么,圖像始終是第一位的。 即使在<img/>.
之前添加元素<img/>.
請幫忙
刪除float:left
屬性可以解決問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.