使JavaScript列表項可點擊

我正在使用Phonegap開發Android應用程序。在這個應用程序中我已經集成了Facebook登錄模塊。用戶登錄到應用程序後，他/她可以看到他/她的朋友列表。我一直這樣做。我必須做的是，點擊特定的朋友名字，該朋友的名字應該被添加到另一個列表中。但我的問題是這個朋友列表不可點擊。如何使動態列表可點擊？以下是我的代碼。我錯過了什麼？使JavaScript列表項可點擊

xyz.html

<div class="section"> 
      <h1>Get user's friends</h1> 
      <div id="user-friends"></div> 
      <div class="button button-requires-connect"    onclick="getUserFriends();hideButton(this);" />Get your friends</div> 

      <div class="info-requires-connect">You need to login before you can use this functionality.</div> 


     </div>

pqr.js

function getUserFriends() { 
    var markup = '<div class="data-header">Friends</div>'; 

    for (var i=0; i < friendsInfo.length && i < 25; i++) { 
    var profilePictureUrl = ''; 
    if (friendsInfo[i].picture.data) { 
     profilePictureUrl = friendsInfo[i].picture.data.url; 
    } else { 
     profilePictureUrl = friendsInfo[i].picture; 
    } 
    markup = markup + '<img src="' + profilePictureUrl + '">' + friendsInfo[i].name + '<br />'; 
    } 

    document.getElementById('user-friends').innerHTML = markup; 
}

來源

2013-07-17 Anil Bhatiya

例如，你可以讓朋友的姓名點擊，但不要忘記返回false到onclick事件，所以它不會重定向friendsInfo[i].name – insanebits

你能告訴我在哪裏放？意味着循環？ –

你可以用你的 '朋友的標記' 例如在<li>就像那樣：

markup = markup + '<li><img src="' + profilePictureUrl + '">' + friendsInfo[i].name + '</li>'

，然後使用jQuery將點擊綁定到<li> s：

$('#user-friends').on('click', 'li', function() { 
    ... do something 
});

來源

2013-07-17 13:10:36 MiRaIT

我是Javascript新手。你能寫這個代碼嗎？ –

function getUserFriends() { 
    var markup = '<div class="data-header">Friends</div>'; 

    for (var i=0; i < friendsInfo.length && i < 25; i++) { 
    var profilePictureUrl = ''; 
    if (friendsInfo[i].picture.data) { 
     profilePictureUrl = friendsInfo[i].picture.data.url; 
    } else { 
     profilePictureUrl = friendsInfo[i].picture; 
    } 
    var clickableName = '<a href="" onclick="handleClick(this); return false;">' 
     + friendsInfo[i].name + '</a>'; 
    markup = markup + '<img src="' + profilePictureUrl + '">' + clickableName + '<br />'; 
    } 

    document.getElementById('user-friends').innerHTML = markup; 
}

然後寫處理函數

function handleClick(element/*which friend was clicked*/) 
{ 
    //do something with your friend 
}

或者你也可以使用jQuery click事件元素綁定爲@MiRaIT告訴

來源

2013-07-17 13:20:52 insanebits

使JavaScript列表項可點擊

回答

相關問題