单击jQuery组合

Question

我发现了http://jsfiddle.net/Stocki/jGbhh/

并改为：

$(document).on("click", ".slides", function () {
    $(".slide").removeClass("inside");
    $("#" + this.id + "_slide").addClass("inside");
});

$(document).on("click", ".close", function () {
    $(".slide").removeClass("inside");
});

它完美无缺，但它看起来并不合适。我觉得点击.slides上的点击.close或removeClass然后addClass更多。

任何帮助将不胜感激。这是我的第一次尝试，我真的很想了解它为什么/如何运作以及如何编写，所以我没有使用$(document)两次。

Answer 1

尝试使用多选择器并通过当前元素所具有的类将事件处理程序内的流拆分，

$(document).on("click", ".slides,.close", function(){
  $(".slide").removeClass("inside");
  if($(this).hasClass('slides')){
     $("#"+this.id+"_slide").addClass("inside");
  }
});