禁用特定div中的stoppropagation

Question

这是我想在类“Object”上启用stoppropagation的代码导致我用于模态类的停止传播，以防止关闭弹出窗口。并且modal类上的stoppropagation已经杀死了'object'类中的javascript函数，所以我必须阻止对象类上的stoppropagation函数，以便对象类中的javascript可以工作。有什么解决方案吗？非常感谢。 detil modal popup, codepin

$('.button').click(function() {
      var buttonId = $(this).attr('id');
      $('#modal-container').removeAttr('class').addClass(buttonId);
      $('body').addClass('modal-active');
    })

    $('#modal-container').click(function() {
      $(this).addClass('out');
      $('body').removeClass('modal-active');
    });

    $('.modal').click(function(e) {
      e.stopPropagation();
    });

 <div id="one" class="button">Button</div> 
   <div id="modal-container">
      <div class="modal-background">
        <div class="modal">
          <div class="object">
            <h2>Record your voice</h2>
            <button>Press To Record</button>
            <span>00:00</span>
            <button>Send</button>
          </div>
        </div>
      </div>
    </div>