如何从另一页打开一个boostrap模态

时间:2016-07-16 18:57:28

标签: javascript jquery html twitter-bootstrap

如何使用锚点打开模态,方案就是这个

锚标记位于index.php中,锚标记转到另一页并打开模态?我怎么能这样做?

<div class="messassge">
  <a href="profile.php/#myModal" data-target="#myModal" data-toggle="modal">
    <i class="fa fa-envelope"></i>
  </a>
</div>

2 个答案:

答案 0 :(得分:0)

您可以使用此链接:profile.php?myModal=on

profile.php中,检索$_GET['myModal']并将其传递给触发模态打开的jquery函数。

这样的事情:

$("#myModal").css({"display": "<?php if( $_GET['myModal'] == 'on' ){ echo 'block';}else{ echo 'none';} ?>"});

我没有看到你的模态触发......所以这是一个例子。

答案 1 :(得分:0)

使用jQuery检查url hash是否与modal元素匹配,是否打开它

if(location.hash){
  var $modal = $(location.hash);
  if($modal.hasClass('modal')){
     $modal.modal();
  }
}
相关问题