Bootstrap模式不显示在移动设备上

时间:2016-04-11 16:25:45

标签: jquery ios twitter-bootstrap mobile modal-dialog

我有一个Bootstrap模式,可以很好地加载桌面用户(Firefox,Safari,Chrome)。我们使用Wordpress,它在footer.php中加载,然后由URL点击'?status = join'来调用。部分模态代码如下:

   <?php if (!is_user_logged_in()) {
     $social = do_shortcode('[wordpress_social_login]'); ?>
        <div class="modal fade" id="join-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

显示连接模式的JS如下:

$(document).ready(function() {
 if (window.location.href.includes("?status=join")) {
     $('#join-modal').modal('show');
 }
});

我尝试过删除&#f; fade&#39;的不同组合。从课堂上添加&#39; href =&#34;#&#34;&#39;根据{{​​3}}但没有成功。

我也尝试在Safari中模拟iOS,但模式仍然显示。

是否有人对此类问题有任何经验和/或可以提供一些故障排除建议?谢谢!

0 个答案:

没有答案