Bootstrap 模态自动高度问题

Question

我开发了带有 ajax 和 bootstrap 模式弹出窗口的框滑块。但问题是不要采用默认的图像高度并显示如下。

当我调整 window 大小时，它会在屏幕上正确显示。我的问题是如何强行触发window调整大小功能来解决我的问题？

Note : When I press f12 or resize window then it work perfect. But initially loaded as given in screenshot.

AJAX 通话

$.ajax({
                type: "POST",
                url: URL,
                data: {id: id},
                success: function (result) {
                    $(".modal-body").html('<ul class="bxslider"></ul>');
                    $(".bxslider").append(result);
                    $('.bxslider').bxSlider();
                },
                complete: function (result) {
                     $(window).trigger('resize');
                }
            });

Answer 1

试试这个

         $.ajax({
            type: "POST",
            url: URL,
            data: {id: id},
            success: function (result) {
                $(".modal-body").html('<ul class="bxslider"></ul>');
                $(".bxslider").append(result);
                     $(".bxslider image").load(function(){
                     $(window).trigger('resize');
                 });
                $('.bxslider').bxSlider();
            },
            complete: function (result) {

            }
        });

Bootstrap 模态自动高度问题

Bootstrap Modal auto height issue

jquery

bxslider

bootstrap-modal