我正在尝试使用以下 java 脚本代码显示 Facebook 好友列表。但是此代码的性能非常慢。谁能建议我更快的方法来做到这一点。
负载: 我创建朋友的列表项。 在按键上: 筛选列表中与键入的数据匹配的朋友。
<script type="text/javascript">
var fncontainer = document.getElementById("jfmfs-friend-container");
var friends_names= <?php echo json_encode($friends_names); ?>;
var friends_ids= <?php echo json_encode($friends_ids); ?>;
var name,id,value;
var node1 = document.createElement("div");
node1.innerHTML="<ul id="friends"></ul>";
for (var i=0;i<friends_names.length;i++)
{
name=friends_names[i];
id=friends_ids[i];
var node = document.createElement("div");
node.innerHTML=
"<li data-id=""+id+"" data-name=""+name+""><input type="checkbox" id="" + id + "" name="selectedFriends[]" value="" + id + ""> <img src="+"https://graph.facebook.com/"+id+"/picture title=""+name+"">"+"<p>"+ name +"</p></li>" ;
node1.appendChild(node);
}
// Search for friends
fncontainer.appendChild(node1);
$(".find").keyup(function() {
$("ul").find("li").hide();
$("li").each(function(index) {
$id = $(this).attr("data-id");
$name = $(this).attr("data-name");
if($name.search(new RegExp($(".find").val(), "i")) != -1) {
$("ul").find("li[data-id=""+$id+""]").show();}});});