Javascript 触发（“单击”）多次激活

我有一个系统，你首先选择一个日期，然后点击主页按钮，然后调用一个有表单的模式。单击按钮而不选择日期时，它将变为红色，并且不执行任何操作。当您选择日期并单击按钮时，将添加modal的参数，然后再次单击以打开表单。但是，窗体被打开N次，从而锁定整个系统。有人能帮我吗

HTML:

---

我认为您需要从按钮中删除.active类，否则它会导致您看到的无限循环

看到下面的片段，我想这就是你想要实现的。虽然，我可能不会再次使用相同的链接

注意：我必须将1256切换到代码段中的一个按钮，您可以将其保留为标记

1256美元。点击，功能E{ var id_form=$this.attr'id'.replace； var$button=$'cidade-'+id_form.findbutton； 如果$button.hasClass“活动”{ $button.removeClass'active'； $this.removeClass'btn-curso-error' .attr'data-toggle'，'modal' .attr'data-target'，'modal form' .触发“点击”； }否则{ console.logerror； $this.addClass'btn-curso-error'； } }; 巴西利亚 15-16岁 现在点菜

---

您可以使用$this而不是$id\u订单号？我知道这不会解决这个问题，但它会更清楚，而且，尝试将它们链接起来，就像无限循环一样，不是吗？button allways的类处于活动状态？@yuk这就是问题所在。非常感谢。谢谢你的回答。你是对的，问题出在正在进入循环的“活动”类中。

<div id="cidade-1256" class="col-sm-4 box-curso">
  <div class="plan wow fadeInLeft animated animated" data-wow-offset="120" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
    <div class="title">Brasília</div>
      <div class="description">
        <ul><li><button type="button" class="btn btn-curso">AGO | 15 - 16</button></li></ul>
      </div>
      <a id="1256" class="btn btn-primary">ORDER NOW</a>
    </div>
  </div>
</div>

$(document).on('click', 'a[id]', function(e){
    var id_form = $(this).attr('id').replace('#', '');
    var id_order = '#' + $(this).attr('id');
    if($('#cidade-' + id_form).find('button').hasClass('active')){
       $(id_order).removeClass('btn-curso-error');
       $(id_order).attr('data-toggle', 'modal');
       $(id_order).attr('data-target', '#modal-form');
       $(this).trigger('click');
    }else{
       $(id_order).addClass('btn-curso-error');
    }
});