Javascript Jquery事件只工作一次

Javascript Jquery事件只工作一次,javascript,jquery,html,css,Javascript,Jquery,Html,Css,请帮助jquery/javascript noob,我想这是一个常见问题,我已经尝试过将.on方法更改为.delegate和.live。。但这并没有起到任何作用。我的问题是背景图像仅在第一次单击时更改 HTML Jquery $(function() { $('#img2').on('click', function() { $('#imgLoader figure').removeClass('img1', 'img2', 'img3', 'img4').addClass('i

请帮助jquery/javascript noob,我想这是一个常见问题,我已经尝试过将.on方法更改为.delegate和.live。。但这并没有起到任何作用。我的问题是背景图像仅在第一次单击时更改

HTML

Jquery

$(function() {

  $('#img2').on('click', function() {

    $('#imgLoader figure').removeClass('img1', 'img2', 'img3', 'img4').addClass('img2');

  });

  $('#img3').on('click', function() {

    $('#imgLoader figure').removeClass('img1', 'img2', 'img3', 'img4').addClass('img3');

  });

});

我也尝试过只使用.css('background-image','url()');也但由于某种原因,我收到了错误。。谢谢。

removeClass方法不接受多个参数,它接受以空格分隔的类名字符串:

$('#imgLoader figure').removeClass('img1 img2 img3 img4').addClass('img2');

removeClass
方法不接受多个参数,它接受以空格分隔的类名字符串:

$('#imgLoader figure').removeClass('img1 img2 img3 img4').addClass('img2');
请尝试removeClass(“class1 class2”),因为参数是以空格分隔的,而不是逗号!请尝试removeClass(“class1 class2”),因为参数是以空格分隔的,而不是逗号!
$('#imgLoader figure').removeClass('img1 img2 img3 img4').addClass('img2');