Question

我有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插件

slimScroll-在第二种模式中不起作用

0 个答案: