Question

我正在设计一个网站，我已经提出注册模式，当用户点击注册按钮时，模态会出现但在我的网站模式中工作正常，但其中的内容不可点击请帮助我。这是我的编码。

<li><a href="#show" id="showup">signup</a></li>
                    <div class="modal hide fade" id="show">
                        <div class="modal-header">
                            <button class="close" data-dismiss="modal">&times;</button>
                            <h1>Tittle</h1>
                        </div>
                        <div class="modal-body">
                                <p>The modal Body</p>
                        </div>
                        <div class="modal-footer">
                                <a href="" class="btn">Close</a>
                        </div>    
                     </div>

我为它编写的java脚本就在这里。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.js"></script>
 <script type="text/javascript">
 $("#showup").click(function(){
    $("#show").modal();
    });
 </script>

模态的截图有助于理解我。 The modal appers like that

Answer 1

这些是很好的登录模式示例，你可以看到它们是如何写的：

使用他们中的任何一个正常方式放置你的模态请看这个看到这个链接以获得更多解释：modal

我希望他们会帮助你。

Answer 2

尝试使用以下内容：

.modal {
    z-index: 10000;
}

这可能是因为你的模态的z-index低于其他元素的z-index。因此，尝试使用firebug或chrome检查工具来解决问题

bootstrap模式正常，但没有正确显示其中的内容？

2 个答案: