Question

我正在使用模式在人们通常所做的网站上显示信息。我正在使用的模态完全是用css编写的（没有jQuery）。当点击一个链接时，模态显示并且网址如图所示发生变化：

reminder.local / main.php＃patient0

因此，在该模态窗口关闭之后，url变为：

reminder.local / main.php＃

问题是，当按下后退按钮时，它会返回 reminder.local / main.php＃patient0 正如预期的那样，模态窗口再次弹出，这是非常不受欢迎的。

任何方式都可以让我知道。

模态的示例代码：

 $jobs = array(
    "graphicdesigner" => array(
        "urlanchor" => "graphic-designer",
        "og:title" => "graphicdesigner ogtitle",
        "og:description" => "graphicdesigner ogdescription",
        "og:image" => "",
        "og:url" => ""
    ),
    "uidesigner" => array(
        "urlanchor" => "ui-designer",
        "og:title" => "uidesigner ogtitle",
        "og:description" => "uidesigner ogdescription",
        "og:image" => "",
        "og:url" => ""
    )
);

Answer 1

如果您根本不想更改网址，可以对其进行更改，以便模式从input / label打开，如下所示：

＆＃13;

input {
    display: none;
}
.lightbox {
    display: none;
  border: solid 1px red;
}
input:checked ~ .lightbox {
    display: block;
}

＆＃13;

<input id="appoint" type="checkbox" />
<label for="appoint">Next</label>
<div class="lightbox" id="text2">
    <div class="box"> 
        <label for="appoint">X</label>
        <p class="title">Modal Window with Text</p>
        <div class="content">
            <form>
                <input type="text">Name
                <br>
                <input type="password">Password
                <br>
                <br>
                <input type="submit" value="Submit">
            </form>
        </div>
    </div>
</div>

＆＃13;

摆脱模态实现中的href

1 个答案: