在多个 jQuery 中使用相同的脚本答案

【问题标题】：Use same script in multiple jQuery在多个 jQuery 中使用相同的脚本
【发布时间】：2018-04-09 08:56:57
【问题描述】：

我无法将相同的脚本用于另一个 div 的两个地方。在下面我需要将相同的脚本用于两种不同类型的过滤器。我复制了同一个并更改了类名，但仍然无法正常工作。

$( document ).ready(function() {
    var $btns = $('.prdsiz-filter .button-group .btn').click(function() {
      if (this.id == 'all') {
        $('.prosize-sec > .inner-sectn').fadeIn(450);
      } else {
        var $el = $('.' + this.id).fadeIn(450);
        $('.prosize-sec > .inner-sectn').not($el).hide();
      }
      $btns.removeClass('active');
      $(this).addClass('active');
    });
    });
    $( document ).ready(function() {
    var $btnsm = $('.promob-filter .mobbtn-group .btn').click(function() {
      if (this.id == 'showall') {
        $('.promob-sec > .mobinner-sectn').fadeIn(450);
      } else {
        var $elm = $('.' + this.id).fadeIn(450);
        $('.promob-sec > .mobinner-sectn').not($elm).hide();
      }
      $btnsm.removeClass('active');
      $(this).addClass('active');
    });
});

【问题讨论】：

你为什么不写一个函数呢？您可以根据需要多次调用它，进入任意数量的过滤器
不知道你在问什么？
我不明白你想要什么，但在第二个脚本中你要从 $btns 中删除该类，它应该是 $btns1
现在你检查我更新了脚本
我查看了您的网站，并认为您刚刚弄乱了您的班级名称。您的代码通常是正确的。

标签： jquery html css twitter-bootstrap filter

【解决方案1】：

使用这个可以实现。必须使用不同的 id 而不是类名。

$( document ).ready(function() {
var $btns = $('.prdsiz-filter #button-group .btn').click(function() {
  if (this.id == 'all') {
    $('.prosize-sec > .inner-sectn').fadeIn(450);
  } else {
    var $el = $('.' + this.id).fadeIn(450);
    $('.prosize-sec > .inner-sectn').not($el).hide();
  }
  $btns.removeClass('active');
  $(this).addClass('active');
});
});
$( document ).ready(function() {
var $btnsm = $('.promob-filter #mobbtn-group .btn').click(function() {
  if (this.id == 'showall') {
    $('.promob-sec > .inner-sectn').fadeIn(450);
  } else {
    var $elm = $('.' + this.id).fadeIn(450);
    $('.promob-sec > .inner-sectn').not($elm).hide();
  }
  $btnsm.removeClass('active');
  $(this).addClass('active');
});

});

【讨论】：