1

我有 2 个模态（当第一个关闭时，第二个打开）模板（gsp）中第一个模态的代码和第二个模态的代码在视图页面中

我用于关闭第一个并打开第二个的代码是：

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

第二个模态的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>

在第一个模式中，滚动工作正常。我是用户可以滚动的第二个模态，直到他到达模态的末尾（被剪切）。

我使用 scrollSlim 插件

4

0 回答 0