0

我遇到了这个非常好的 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");
        });

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

小提琴

我不敢相信这是他们的代码的问题。他们的样品工作正常。

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

4

1 回答 1

0

解决方法是将 jquery.dialog2.js 的第 26 行更改为:

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

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

于 2012-07-31T17:32:11.670 回答