javascript - ネストされたイベントがトリガーであることを確認する方法は?

Question

この例では、最初にスワイプ機能をトリガーし、本が「押されている」かどうかを確認します。「押された」バインドを条件文に変える方法は? ありがとうございました。

    $(document).swiperight(function(){
      $("#book").bind("pressed", function(event) {   //  Change this statement to   if ($("#book") is "pressed"){..}
           console.log("pressed");
      });
});

Answer 1

試す

$("#book").click(function(event) { 
    var $this = $(this);
    //emulate toggle button
    $this.data("pressed", $this.data("pressed") ? '' : 1);     
});

$(document).swiperight(function(){
   if(!$("#book").data("pressed")) { //If not pressed
      //your code goes here
   }
});

Answer 2

$(document).swiperight(function(){
      if($("#book").attr("pressed") === "true") {
          $("#book").bind("pressed", function(event) {
              $(this).attr("pressed", "true");
              console.log("pressed");
          });
      }
});

Answer 3

ネイティブの「押された」イベントはないので、を使用して自分でトリガーするカスタムイベントだと思います$("#book").trigger("pressed")。この場合、イベントをトリガーする前にフラグを追加します。

$("#book").data("pressed", "true")
$("#book").trigger("pressed")

次に、チェックしたいときはいつでも：

if ($("#book").data("pressed") === "true") {
    //already pressed...
}