使用id选择器时,jQuery按钮没有响应

时间:2014-08-19 22:36:07

标签: jquery ajax button

我不确定这是否是一个错字或关于它能做什么的事情。当我点击两个按钮中的一个按钮时,成为朋友'或者'拒绝'当" $('按钮')on('点击',功能(){"有'按钮'作为选择器(但页面上的所有按钮同时被激活)。当我改为#btn1而不是'按钮时,按钮根本没有响应。我已经尝试过为了找到这个的原因,但是新手,因为我不知道答案可能在哪里。谁能看出错误?

jQuery:

$(document).ready(function(){
    var nr = 1;
    var memberid = $('div#'+nr).attr('data-friendid');
    var userid = $('div#'+nr).attr('data-userid');

    $('button').on('click', function(){
        $.post('response.php',
            {memberid: memberid, userid: userid},
            function(ajaxresult) {
            }
        );
        var button = $(this).attr('data-button');
        if(button === 'yes')
        {
            $("div#"+nr).prepend("Positive result");
            $("div#"+nr).delay('5000').slideUp();
        } else {
            $("div#"+nr).prepend("Negative result");
            $("div#"+nr).delay('5000').slideUp();
        }
        $('#buttonwrapper'+nr).remove();
    });
});

html(php):

<div class='new_container'>
    <h3>Friend requests</h3>
    <div class='new_row' id='1' data-friendid='29' data-userid='5'>
        <strong><a  href='profile.php?id=29'>Ove Ovsson</a></strong>
        <div id='buttonwrapper1' class='right'>
            <button id='btn1' data-button='yes'>Become friends</button> | 
            <button id='btn1' data-button='no'>Decline</button>
        </div>
    </div>
</div>

0 个答案:

没有答案