Javascript 已打开BootstrapDialog-背景不再可单击？

我实现了一个引导对话框。我删除了灰色背景，因为我希望用户能够与打开的对话框窗口以及背景网页进行交互。我找了又试，但仍然不知道如何解决这个问题

它是否与覆盖方法有关

    $this.click(function(){
                $this.css({"color":"#0000FF", "font-weight":"bold"});

                getHelpText("ns=1;g=562e2ba3-38f6-491e-8331-008492f2ae68")
                .then(function(result) {
                    helptext = result;

                    var $helper = $("<span class='helpwidget'></span>");    
                    $helper.append(helptext);

                    $('span[class^="hoverhelper"]').remove();

                    var dialog = new BootstrapDialog({
                        title           : $this.text(),
                        message         : helptext,
                        draggable       : true,
                        closeByBackdrop : false,
                    });


                    dialog.close = function() {

                        $this.css({"color":"#2196F3", "font-weight":"normal"});

                        !this.isRealized() && this.realize();
                        this.getModal().modal('hide');

                        return this;

                    }

                    dialog.open();


                })

            })

$this。单击（函数（）{
$this.css（{“color”：“#0000FF”，“font-weight”：“bold”}）；
getHelpText（“ns=1；g=562e2ba3-38f6-491e-8331-008492f2ae68”）
.然后（函数（结果）{
helptext=结果；
var$helper=$（“”）；
$helper.append（helptext）；
$（'span[class^=“hoverhelper”]'）。删除（）；
var dialog=newbootstrapdialog({
标题：$this.text（），
信息：helptext，
真的，
近景背景：假，
});
dialog.close=函数（）{
$this.css（{“color”：“#2196F3”，“字体重量”：“normal”}）；
！this.isRealized（）&this.realized（）；
this.getModal（）.modal（'hide'）；
归还这个；
}
dialog.open（）；
})
})

您只需在设置了id=“myModal”的div中添加data background=“false”

签出我的html

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal <input type="text">
</button>

<div id="myModal" class="modal fade" data-backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel vehicula erat. Phasellus vestibulum leo eu mi tempor blandit. Suspendisse eget iaculis lectus. Donec vitae tempus enim, quis tristique magna. Donec lobortis, sem ac pretium viverra, leo nisl consequat arcu, sit amet ullamcorper nunc turpis ac erat. In rutrum auctor ligula, quis mattis enim lacinia eu. Aliquam at magna a erat laoreet iaculis quis a justo. Donec porttitor vulputate massa, nec suscipit nisi mollis sed.</p>
                <p>Praesent sit amet porttitor magna, auctor feugiat tellus. Sed venenatis tortor turpis, vel vestibulum eros pulvinar et. Pellentesque hendrerit diam quis dui euismod tincidunt. Sed sit amet mauris ipsum. Integer in magna tellus. In tincidunt mi quis nunc gravida sollicitudin. Aliquam ac dui eget erat consequat volutpat in eu magna.</p>
                <p>Sed feugiat bibendum leo consequat convallis. Donec facilisis, turpis a scelerisque venenatis, felis diam dictum tortor, vitae imperdiet tortor ligula eu lectus. Donec iaculis semper elementum. Nullam dapibus porttitor magna quis convallis. Morbi porttitor quam non magna ullamcorper rhoncus. Phasellus sit amet nunc at turpis pharetra luctus a a massa. Praesent luctus massa in odio faucibus eleifend.</p>
                <p>In eget lobortis leo, ut luctus odio. Mauris pharetra erat ac tellus hendrerit semper. Cras faucibus ipsum id ante hendrerit rutrum. Donec vitae ullamcorper arcu. Aliquam pellentesque faucibus placerat. Aliquam erat volutpat. In tincidunt metus sit amet ligula sagittis vehicula. Pellentesque velit quam, hendrerit a erat ac, fermentum tincidunt enim. Cras suscipit justo nec consectetur lacinia.</p>
                <p>Cras pellentesque urna a leo egestas, at ullamcorper augue suscipit. Nulla id lacinia magna, non iaculis est. Praesent a placerat augue, eget eleifend purus. Aenean dignissim, orci et rutrum facilisis, tellus massa porta nulla, quis hendrerit dui ipsum vitae urna. In mattis lectus dolor, id venenatis lectus pellentesque at. Suspendisse posuere metus vel bibendum dignissim. Fusce interdum magna id libero scelerisque suscipit. Duis orci augue, rhoncus eget pharetra ac, viverra nec magna. In accumsan nulla ac suscipit pellentesque. Nulla iaculis luctus tellus, at ultricies urna hendrerit a. Aenean vehicula sodales varius. Duis sodales hendrerit odio non sagittis.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

---

希望这有帮助。

您能给我们看一下代码或代码片段吗？请提供代码示例在这里，我认为这是一个一般的引导-问题，与我的代码无关。引导模式没有配置选项来指定这一点。您可以使用bootstrap.js文件，自己制作。这将很好地解决您的问题。所以解决方案是一个jQueryUI小部件？

#myModal {
  right: auto;
  bottom: auto;
  overflow: visible;
}