Question

我正在尝试复制Facebook的“赞”按钮，但问题出在点击更改按钮的特定位置。

当它还没有被喜欢时，用户应该点击按钮上的任意位置，按钮将在灰色状态（已经被喜欢）上改变。这已经完成了。

但问题是当不喜欢它时，我认为我没有正确使用jquery，所以它应该设置为蓝色状态（不喜欢），只有在图像上点击它。

以下是我所做的，看看它，以便您更好地理解：https://glenrdsgn.com/button/

Answer 1

我在ch2 div中添加了一个“.unlike”类，以便HTML看起来像这样：

<div id="like" >
    <div id="ch1" class="btn btn-empty no-like">
        <div class="pad">
            <div class="like-text">
                <div id="ch2" class="data-empty"></div>
                <div class="txt">Like</div>
            </div>
        </div>
    </div>
</div>

然后以下jQuery做我认为你的意思：

$(function() {
    $('.btn').live('click', function() {
        $('#ch1').attr('class', 'btn like btn-fill');
        $('#ch2').attr('class', 'unlike data-fill');
    });
    $('.unlike').live('click', function() {
        $('#ch1').attr('class', 'btn btn-empty no-like');
        $('#ch2').attr('class', 'data-empty');
        return false;
    });
});

需要返回false，否则会触发两个事件。希望这有帮助

jQuery在不同的区域切换

1 个答案: