0

如果评级 = +0,将显示以下内容(待机)。

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述


我希望它显示如下:

如果评级 = +0,当我单击它时,将显示以下内容。

在此处输入图像描述

问题:当我单击按钮时,font-weight:bold & color: # 消失了,它应该自动随类更新。我究竟做错了什么?很抱歉这个蹩脚的问题,我已经解决了一段时间,我敢肯定,我被这么简单的问题困住了。

这是我的代码:

PHP:

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

阿贾克斯:

$(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;
    });
});
4

1 回答 1

1

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

parent.find(".wrapper").html(html);
于 2013-07-03T18:04:02.703 回答