Question

我正在修改此example我发现了创建模态。

我想用javascript来显示对话框。我给它的代码打开了对话框，但它在1或2秒后关闭。检查控制台我没有收到任何错误。

这是html代码。我有一个jsbin，您可以在其中观察对话自动关闭。 http://jsbin.com/UDIGeveg/1/edit

<body>
    <a id="openModal" href="">Open Modal</a>
    <div id="openM" class="modalDialog">
        <div>
            <a href="#close" title="Close" class="close">X</a>
            <h2>Modal Box</h2>
            <p>xxxxxxxxxxxxxxxxxxxxxx</p>   
        </div>
    </div>
</body>

这是我的javascript

$('#' +"openModal").click(function(){
  document.location.href='#'+"openM";
});

Answer 1

您可以使用该库来检测您的网址更改！

<a id="openModal" href="#openM">Open Modal</a>

然后注释掉你的javascript：

/*
$('#' +"openModal").click(function(){
    document.location.href='#'+"openM";
});
*/

用jquery打开后，对话框自动关闭

1 个答案: