Question

我遇到了这个非常好的jQuery / bootstrap模式插件：

http://nikku.github.com/jquery-bootstrap-scripting/

然而，在试图让最简单的例子起作用时，我遇到了一个问题

首次加载页面时，会显示从其网站复制的对话框。

HTML：

<a class="open-dialog" rel="sample1-dialog">trigger</a>

<div id="sample1-dialog" style="display: none">
    <h1>Simple alert</h1>
    <p>
        It is always beneficial to acknowledge alerts of any kind.
        You can close this alert if you agree. 
        (Note: Normally a dialog box is not that penetrating)
    </p>
    <div class="form-actions">
        <button class="btn-primary close-dialog">Understood</button>
        <button class="btn-danger" onclick="alert('You might reconsider your click behaviour!')">I don't care</button>
    </div>
</div>

jQuery的：

    $(function () {
         $("#sample1-dialog").dialog2({
            showCloseHandle: false,
            removeOnClose: false,
            autoOpen: false,
            closeOnEscape: true,
            closeOnOverlayClick: true
        });

        $(".open-dialog").click(function (event) {
            event.preventDefault();
            $("#sample1-dialog").dialog2("open");
        });

这是一个显示问题的小提琴：

fiddle

我无法相信这是他们的代码的问题。他们的样本工作正常。

我错过了一些明显的东西吗？

Answer 1

修复方法是将jquery.dialog2.js的第26行更改为：

var __DIALOG_HTML = "<div class='modal' style=\"display: none;\">" +

https://github.com/Nikku/jquery-bootstrap-scripting/issues/50#issuecomment-7394968

使用Dialog 2的模态插件时，会在加载时显示对话框

1 个答案: