1

小さなjqueryコードを書き込もうとしていますが、ある時点で立ち往生しています。

これが私のサンプルコードです-http://jsfiddle.net/KfA4k/3/。

ご覧のとおり、2つのボタンがあり、各ターゲットは特定の非表示の「アラート」をターゲットにしており、特定の「アラート」をアクティブにするための1つのボタンがあります。

各アラートボタンを押すと、「実行」ボタンに特定のクラスが追加されるだけなので、どのアラートユーザーが必要かを確認できます。FireBugでボタンをチェックすると、クラスが正しく変更されていることがわかりますが、jQueryはクラスにハードコードされているだけを取得します。

問題がわからない場合は、私のjsfiddleサンプルコードを確認してください。理解しやすくなります。

4

1 に答える 1

3

実際には、1つのイベントのみを#runボタンに接続する必要があります。

ifステートメントを使用して、アクティブなソーシャルを確認し、特定の非表示のソーシャルを切り替えます。

$('#social1').on('click', function() {
    $('a').removeClass('active');
    $(this).addClass("active");
});

$('#social2').on('click', function() {
    $('a').removeClass('active');
    $(this).addClass("active");
});

$('#run').on('click', function() {
    if ($("#social2").hasClass("active")) $('#hidden-social-2').animate({
        height: 'toggle'
    });
    else $('#hidden-social-1').animate({
        width: 'toggle'
    });
});

http://jsfiddle.net/KfA4k/5/

于 2012-05-07T19:58:58.850 に答える