Question

我有一些JS在点击时切换网格img。它还将href延迟到第二次点击。因此允许切换到img显示。

我想做的是第一次点击，同时添加一个类，以便运行另一个JS代码（打字机效果）。

这是切换img的JS：

$(document).ready(function(){
  $('#s1').click(function(e) {
    if (!$(this).is('[src*="switch"]')) {
      $('#s1').attr('src', 'img/switch/switch-1.jpg');
      $('#s2').attr('src', 'img/box-2.jpg');
      $('#s3').attr('src', 'img/box-3.jpg');
      $('#s4').attr('src', 'img/box-4.jpg');
      $('#s5').attr('src', 'img/box-5.jpg');
      $('#s6').attr('src', 'img/box-6.jpg');
      $('#s7').attr('src', 'img/box-7.jpg');
      $('#s8').attr('src', 'img/box-8.jpg');
      $('#s9').attr('src', 'img/box-9.jpg');
      $('#s10').attr('src', 'img/box-10.jpg');

      return false;
    }
  });
});

感谢您阅读..

Answer 1

我想做的是第一次点击，还添加一个类

如果您只想添加课程，为什么不使用 .addClass() ：

$('#s1').click(function(e) {
    $(this).addClass('new_class');
});

注意：如果发布的代码是您的实际案例，您可以使用循环避免重复的代码：

var start_index = 2;
var end_index = 10;

for(var i = start_index; i<= end_index; i++){
    $('#s' + i).attr('src', 'img/box-' + i + '.jpg');
}

希望这有帮助。

通过JS添加类

1 个答案: