1

Facebookの「いいね」ボタンをコピーしようとしていますが、問題はボタンを変更するためにクリックする特定の場所にあります。

まだ高く評価されていない場合、ユーザーはボタンの任意の場所をクリックする必要があり、ボタンは灰色の状態(すでに高く評価されています)に変わります。これはすでに行われています。

しかし、問題はそれが気に入らないときです。私はjqueryを正しく使用していないので、画像をクリックした場合にのみ青い状態(気に入らない)に設定する必要があると思います。

これが私が作ったものです、あなたがよりよく理解できるようにそれを見てください:https ://glenrdsgn.com/button/

4

1 に答える 1

1

クラス'.unlike'をch2divに追加して、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を返す必要があります。お役に立てれば

于 2012-05-26T11:31:16.307 に答える