javascript - slimScroll- 2 番目のモーダルではうまく機能しない

Question

私は2つのモーダルを持っています(最初が閉じているとき、2番目は開いています)テンプレート(gsp)の最初のモーダルのコードと2番目のモーダルはビューページにあります

最初のものを閉じて2番目のものを開くために使用するコードは次のとおりです。

    function openModal(){
        if($('.invitePartners').valid()){
            $('.invite-contacts-modal').modal('hide')
            $('.modal-backdrop').remove();
            $('#mySecModal').modal();
}

2 番目のモーダルの html:

<div class="modal fade" id="mySecModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog signup-modal">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title light-green"><g:message code="signup.redesign.invitepartners.modal.title"/></h4>
        </div>
        <div class="modal-body">
            <g:message code="signup.redesign.invitepartners.modaldetails.header"/><br><br>
            <span>${user?.firstname}</span><span> ${user?.lastname} </span><g:message code="signup.redesign.invitepartners.modaldetails.body"/>
        </div>
        <div class="modal-footer">
            <a href="#" class="signup-button back pull-left" data-dismiss="modal"><g:message code="buttons.dontsend"/></a>
            <button name="next" class="signup-button skyblue-btn pull-right pl-pr-36" >${message(code:"buttons.ok")}</button>
        </div>
    </div>
</div>
</div>

最初のモーダルでは、スクロールは正常に機能します。ユーザーがモーダルの最後 (カットされている) に到達するまでスクロールできる 2 番目のモーダルです。

scrollSlimプラグインを使用しています