Javascript 试图使.modal（'；show'；）从右侧（而不是顶部）滑入元素

我的任务是将模态的输入方向从（明显的）默认的顶部改为从右侧显示。以下是目前的js：

$(function () {
        $('#FbButtonLink').on('click', function () {
            $('.modal-content').load(this.href, function () {
                $.ajaxSetup({ cache: false });
                $.validator.unobtrusive.parse('#FeedbackForm');
                $('#Fb-ErrorMessage').hide();
                $('#modal-container').modal('show');
                $('[data-toggle="dropdown"]').parent().removeClass('open');
                $('#FeedbackForm').submit(function () {
                    if ($('#FeedbackForm').valid()) {
                        $.ajax({
                            url: this.action,
                            type: this.method,
                            data: $(this).serialize(),
                            success: function (result) {
                                if (result.success) {
                                    $('#modal-container').modal('hide');
                                } else {
                                    $('#Fb-ErrorMessage').text("System error, please try again.");
                                    $('#Fb-ErrorMessage').show();
                                }
                            },
                            error: function () {
                                $('#Fb-ErrorMessage').text("Network error, please try again.");
                                $('#Fb-ErrorMessage').show();
                            },
                        });
                        return false;
                    }
                });
            });
            return false;
        });
    });

$('#modal-container').on('show.bs.modal', function () {
    $('#modal-container').show('slide', { direction: 'right' });
});

$('#modal-container').on('hide.bs.modal', function () {
    $(this).hide('slide', { direction: 'right' }, 'slow');
});

我没有写这段代码，但我已经看了一段时间（并搜索了“.modal（'show'）），但我无法理解它

<div id="FbLink">
    <a id="FbButtonLink" href="/CL/Home/AddFeedback" class="btn button-big">
         <span>Feedback</span>
         <span class="fa fa-commenting">
             <svg>
                 <use xlink:href="~/Areas/CL/Content/app/images/icons/icon-svg-defs.svg#fa-commenting" />
             </svg>
         </span>
    </a>
</div>
<div id="ModalPartial">
    <div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
             <div class="modal-content">
             </div>
        </div>
    </div>  
</div>

.modal（'show'）是如何显示的；行调用.on（'modal.bs.show'）函数？还是不是？因为，目前，这段代码仍然有从顶部显示的反馈表单元素，与预期的右侧相反。

---

非常感谢任何指针。

使用以下代码使模态从右侧显示：-

.modal.fade:not(.in) .modal-dialog {
-webkit-transform: translate3d(25%, 0, 0);
 transform: translate3d(25%, 0, 0);
}

---

我不知道为什么，但这似乎奏效了！谢谢@moosefetcher-不客气。我很高兴我的回答在某种程度上帮助了你。