如何使jquery模态对话框和引导程序相同

这是我的小提琴

我有两个modalsob，一个是默认的bootsrap，另一个是jqueryui

有没有办法使jqueryUI模态对话框与bootrsap对话框相同，以便它也从顶部以相同的覆盖层出现

$(function() {
    $('.btn').click(function() {
        $( "#dialog-message" ).dialog({
            modal: true,
            buttons: {
                Ok: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

        setTimeout(function() {
            $( "#dialog-message" ).dialog( "close" );
        }, 1500 );
    });
});

---

我的建议是不要将两个用户界面相互合并，只使用一个用户界面，正如你所说的，你希望在JqueryUI中使用类似引导的模式

这是我创建的一个演示

不要忘记将背景覆盖添加到此html：-

<div class="overlay" style="display:none;"></div>

要更改对话框的颜色，请使用修改Jquery UI的工具编辑它，您还可以从该页面的库中选择主题

希望这项工作为你

---

谢谢…

谢谢。有没有办法让达格洛夫接近屏幕顶部。不在中间。就像莫代尔一样。也改变了按钮的颜色