0

「フォロー」ボタンを作成しようとしていますが、「フォロー解除」ボタンである返されたデータが機能していません。

$('.follow_button').click(function() {
    //event.preventDefault();
    var visitor_user_id = $('.follow_button').attr('id');

    $('#link_visitor_follow').empty().append('<div id = "follow_jquery_btn"><img src = "css/images/ajax_follow.gif" width = "12" height = "12" /> Follow</div>');
    $.post('/unime/user_follow.php', {'type':'follow_me', visitor_user_id:visitor_user_id}, function(data){
        if(data){
            $('#link_visitor_follow').empty().html(data);
        }
    });
    return false;
});

$('.unfollow_button').click(function() {
    //event.preventDefault();
    var visitor_user_id = $('.unfollow_button').attr('id');
    $('#link_visitor_unfollow').empty().append('<div id = "follow_jquery_btn"><img src = "css/images/ajax_follow.gif" width = "12" height = "12" /> Following</div>');
    $.post('/unime/user_follow.php', {'type':'unfollow_me', visitor_user_id:visitor_user_id}, function(data){
        if(data){
            $('#link_visitor_unfollow').empty().html(data);
        }
    });
        return false;
});

PHP が返すデータ:

echo "<a class = 'unfollow_button' id = 'visitor_".$visitor_user_id."'><span id = 'check_mark'></span> Unfollow</a>";

フォロー解除ボタンをクリックすると、コードが設定されていますが、機能しません。PHP自体に問題はありません。Unfollow をクリックしても、Ajax は呼び出されません。

4

2 に答える 2

0

あなたの質問には Dave の回答で十分ですが、バージョン 1.7 より前の jQuery を使用している場合は、これらを試すことができます。

$('.unfollow_button').live('click', function() {

   //your code here

})
于 2013-05-01T07:53:25.927 に答える