javascript - 如何检查嵌套事件是否触发？

Question

在这个例子中，我想先触发 swiperight 功能，并检查这本书是否被“按下”。如何将绑定“按下”变成条件语句？谢谢你。

    $(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...
}