旧图像交换脚本不使用最新的jQuery

Question

需要有关更新版本的帮助，这不适用于jQuery 1.9

$(function(){
  $(".img-swap").live('click', function() {
    if ($(this).attr("class") == "img-swap") {
      this.src = this.src.replace("_off","_on");
    } else {
      this.src = this.src.replace("_on","_off");
    }
    $(this).toggleClass("on");
  });
});

Answer 1

我相信

Live已经过了折旧。请改用on。通过live页面顶部附近的jQuery文档中的方式清楚地说明了这一点。根据我的经验总是一个好主意，如果不是从谷歌那里使用最新的jquery，而是选择一个版本并坚持下去。否则当jQuery更新时，代码可能会在没有警告的情况下中断。从经验谈起。

Answer 2

http://api.jquery.com/live/

jQuery版本1.9中删除了.live方法。使用.on（）代替将元素绑定到事件。你的代码看起来像这样：

$(function(){
  $(".img-swap").on('click', function() {
    if ($(this).attr("class") == "img-swap") {
      this.src = this.src.replace("_off","_on");
    } else {
      this.src = this.src.replace("_on","_off");
    }
    $(this).toggleClass("on");
  });
});