Bootstrap 3:自动打开模式的URL?

时间:2014-04-02 23:50:48

标签: jquery twitter-bootstrap modal-dialog

所以我有一个隐藏了Bootstrap 3模式的页面,但我想知道是否有一个我可以在其他地方使用的URL来强制模式在页面加载时自动启动。

例如......

网页网址 http://example.com/page

相同的网址,(但模态自动启动): http://example.com/page#myModal

有谁知道这样的事情是否可能?

3 个答案:

答案 0 :(得分:1)

这个略有不同的片段对我来说就像一个魅力。它基本上是检查 在加载时是否URL最后包含“#something”。如果是,则显示模态对话框。 Source

$(document).ready(function() {

  if(window.location.href.indexOf('#myModal') != -1) {
    $('#myModal').modal('show');
  }

});

答案 1 :(得分:0)

你想要达到的目标绝对是可能的。我不确定是否有更多的bootstrap-py方式这样做(自从我玩过bootstrap已经有一段时间了),但是你应该能够检查页面加载时的window.location.hash和如果您要查找的哈希值存在,则显示模态。像这样:

$(function() {
    if (window.location.hash.indexOf("myHash") !== -1) {
        $("#myModal").modal();
    }
});

其中“myHash”是您要查找的哈希值,“myModal”是您要打开的模式元素的ID。

答案 2 :(得分:0)

我曾经这样做过:



if (window.location.hash && $(window.location.hash).length) {
  $(window.location.hash).modal('show');
}