我的onclick成功进行了ajax调用但由于某种原因没有执行警报(1);

时间:2017-08-19 19:43:34

标签: javascript jquery

所以我的ajax调用成功执行并更新了我的数据库,但是,我包含的任何其他内容都不起作用。这个警报(1);不提醒任何事情。内部任何点击事件句柄都不起作用,我不知道为什么。

HTML

echo    "<div class='upvoteDownvoteRatingContainer'>
                    <form class='upvoteImage' method='POST' action=''>
                        <input type='hidden' name='action' value='upvote'>
                        <input type='hidden' name='id' value='".$row['id']."'>
                        <input type='hidden' name='userId' value='".$currentUser."'>
                        <button class='upvoteImageButton' type='submit'><img class='arrowUp' src='../images/Social Media/arrowUp.png' alt='submit'></button>";
echo        "</form>";

的Javascript

$('.arrowUp').onclick(function(e){
        e.preventDefault();
        alert(1);
        var form = $(this);

        var id = form.find("input[name='id']");
        var userId = form.find("input[name='userId']");
        var action = form.find("input[name='action']");
        var ratingNumber = form.parent('.upvoteDownvoteRatingContainer').find('.ratingNumber');

        $.post('../includes/voting.inc.php', {id: id.val(), userId: userId.val(), action: action.val()}, function(data){
                ratingNumber.html((data));
        }, 'json'); 
    });

1 个答案:

答案 0 :(得分:2)

在jQuery中,.onclick()函数不存在。你可以这样做:

$('.arrowUp').on('click', function(){ /* ... */ });

或者这个:

$('.arrowUp').click(function(){ /* ... */ });