AJAX POST没有按钮点击加载类。

时间:2013-07-03 17:59:48

标签: php ajax

如果rating = + 0,则显示以下内容(待机)。

enter image description here

如果我点击按钮,则会显示以下内容(添加评级)。

enter image description here

如果我再次点击,则会显示以下内容(删除评级)

enter image description here


我希望它显示如下:

如果rating = +0,当我点击它时,将显示以下内容。

enter image description here

问题:当我点击按钮时,font-weight:bold&颜色:#应该自动更新时自动更新。我究竟做错了什么?对于这个蹩脚的问题感到抱歉,我已经坚持了一段时间,我坚持这样一个简单的问题。我很有信心。

这是我的代码:

PHP:

<div class="up vote" name="voteUp" id="<?php echo $post_iD;?>">
    <div class="wrapper">+<?php echo $VoteRate;?></div>
</div>

AJAX:

$(function()
{
    $(".vote").click(function()
    {
        var id = $(this).attr("id");
        var name = $(this).attr("name");
        var dataString = 'id='+ id ;
        var parent = $(this);

        if (name=='voteUp')
        {
            $.ajax(
            {
                type: "POST",
                url: "voting/up_vote.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    parent.html(html);
                }
            });
        }
        return false;
    });
});

1 个答案:

答案 0 :(得分:1)

在您的成功函数中,替换.wrapper div的HTML,而不是父:

parent.find(".wrapper").html(html);