0

Phonegap を使用して Android アプリを開発しています。このアプリでは、Facebook ログイン モジュールを統合しました。ユーザーがアプリにログインすると、自分のフレンドリストが表示されます。ここまでやってきました。私がしなければならないことは、特定の友達の名前をクリックしたときに、その友達の名前を別のリストに追加することです。しかし、私の問題は、この友達リストをクリックできないことです。動的リストをクリック可能にする方法は?以下は私のコードです。私は何が欠けていますか？

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;
}
4

2 に答える 2

0

<li>たとえば、次のように「friend-markup」をラップできます。

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

次に、jQuery を使用してクリックを<li>sにバインドします。

$('#user-friends').on('click', 'li', function() {
  ... do something
});
于 2013-07-17T13:10:36.690 に答える
0 
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
}

または、@MiRaITが言ったように、jQueryを使用して要素にクリックイベントをバインドできます

于 2013-07-17T13:20:52.823 に答える