Question

我正在寻找一种方法来链接到另一页面上的模态（构建导航系统）。所以我必须要链接到模态，然后跳转到相应的页面（对于这个例子我们将使用invoice.php），然后有模态弹出窗口。

现在我试过了：

<li><a href="<?php echo site_url('site/invoice#myModal');?>" data-toggle="modal" title="">Open order screen</a></li>

以及

<li><a href="<?php echo site_url('site/invoice');?>" data-toggle="modal" data-target="#myModal" title="">Open order screen</a></li>

这适用于invoice.php页面，但这对于不存在模式的页面没有任何作用。（即来自index.php）。那么我如何通过从外部页面链接来打开#myModal呢？

此致

Answer 1

好的所以我设法解决了这个问题（最后很容易）。如果您真正考虑事情，请帮助。所以解决方案如下

在Index.php上

<li><a href="<?php echo site_url('site/invoice#mdx');?>" data-toggle="modal" title="">Open order screen</a></li>

在invoice.php上

将此内容添加到文档的末尾

<script>
   $(document).ready(function () {
      var hash = window.location.hash;
      if (hash == "#mdx") {
         $('#myModal').modal();
      }
   });
</script>

链接到另一页twitter bootstrap上的模态

1 个答案:

在Index.php上

在invoice.php上