10

ここで簡単な質問です、私はこれを取得できないようです

$('#wrap').on('toggle', '#image', function(){
    <!-- Do stuff -->
  });

その中にトグルを入れることができるようにするには？何か案は？グーグルを試しましたが、うまくいきませんでした。

これは私が.onで動作させようとしているコードです。現在、ページ上のすべての要素（#imageと#brickを含む）に変更が適用されていないためです。

$("#result_options").toggle(function() {
        var image_width = $('#image').width() / 2;
        var brick_width = $('#brick').width() / 2;
        $("#image").css("width",image_width);
        $("#image").css("padding","4px");
        $("#brick").css("width",brick_width);
    },function (){
        $("#image").css("width","300");
        $("#image").css("padding","8px");
        $("#brick").css("width","314");
        $(this).html("Smaller Results");
    });
});
4

1 に答える 1

24

あなたが直面している問題は、toggleイベントがないことです。toggle()jQueryメソッドです。を実装するtoggle()には、イベントon()を使用する必要があると思います。次に、何かがオンに切り替えられているかどうか、またはトグルオフ/トグルされていないかどうかをテストするステートメントを使用する必要があると思いますclickif

$('#wrap').on('click', '#image', function(){
    if (!$(this).attr('data-toggled') || $(this).attr('data-toggled') == 'off'){
        /* currently it's not been toggled, or it's been toggled to the 'off' state,
           so now toggle to the 'on' state: */
           $(this).attr('data-toggled','on');
           // and do something...
    }
    else if ($(this).attr('data-toggled') == 'on'){
        /* currently it has been toggled, and toggled to the 'on' state,
           so now turn off: */
           $(this).attr('data-toggled','off');
           // and do, or undo, something...
    }
});
于 2012-06-02T17:21:27.143 に答える