0

ボタンが再度クリックされたときに元に戻すように「ON」メソッドを設定するにはどうすればよいですか。だからON＆OFFボタン。

 $('#videoNest span').on('click', function(e) {

    First Time Clicked
    //// ON

       $('<div class="off-overlay"></div>').insertAfter('#container');

           $('#example_video_1').addClass("light-grad");

    Second Time Clicked
    ///// OFF 

       remove div off-overlay $('<div class="off-overlay"></div>').insertAfter('#container');

         remove class  $('#example_video_1').addClass("light-grad");

    });


    });
4

4 に答える 4

2

最初にクリックした後、クリックをアンバインドし、新しい OFF イベントにバインドします。OFFメソッドでも同じことを行います

         $(this).unbind("click");
         $(this).on("click",function() { OFFFunction(); });
于 2013-04-11T04:31:26.923 に答える
0

以下のようなことができます

ライブデモはこちら

$("#toggle_button").click(function(){
    if($("#OnOffDiv").hasClass("On"))
    {
        $("#OnOffDiv").removeClass("On");
        $("#OnOffDiv").addClass("Off");
        $("#OnOffDiv").html("OFF");
    }
    else
    {
        $("#OnOffDiv").removeClass("Off");
        $("#OnOffDiv").addClass("On");
        $("#OnOffDiv").html("ON");
    }
});
于 2013-04-11T04:41:32.073 に答える
0

これはjsfiddleの実際の例です

要件と正確に似ていない可能性があるため、変更する必要があります。そこからアイデアを得るだけです。

$('#videoNest span').on('click',function(){
    var flg =$('#example_video_1').hasClass("light-grad");

    $("#container +.off-overlay").toggle('slow',function(){
      if(flg)$('#example_video_1').removeClass("light-grad")         
      else $('#example_video_1').addClass("light-grad")         
    });     
});

指定されたhtml：

<div id="videoNest">
    <span>Toggle</span>
    <div id="container">Container</div>
    <div class="off-overlay">overlay</div>
    <div id="example_video_1" > example_video_1 </div>
</div>
于 2013-04-11T06:59:31.320 に答える
0

ブール変数を作成し、それを true = on および false = off に設定して、if ステートメント内で変更できます。次のようにします。

if (boolean == true){
    // do stuff
    boolean = false
} else if (boolean == false) {
    // do stuff
    boolean = true
}
于 2013-04-11T04:33:26.690 に答える