Javascript 不显示模式_Javascript_Twitter Bootstrap 3_Modal Dialog

Javascript 不显示模式

javascript twitter-bootstrap-3

Javascript 不显示模式,javascript,twitter-bootstrap-3,modal-dialog,Javascript,Twitter Bootstrap 3,Modal Dialog,我在应用程序的前端放置了一个示例模态模式如下： <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header">

我在应用程序的前端放置了一个示例模态

模式如下：

<div id="myModal" class="modal fade" role="dialog">
     <div class="modal-dialog">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
             <p>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
             </div>
           </div>
         </div>
 </div>


&时代；
模态头
模态中的一些文本
接近

我从这里得到了模态的代码：

模态嵌套方式如下所示：

<div className="col-md-4 no-padding max-height-col">
    <div className="panel panel-default no-padding max-height">
      <div className="panel-heading" >
        <h2 className="panel-title headingText">
            Attributes   <span className="glyphicon glyphicon-plus" aria-hidden="true"></span>

            <!-- Trigger the modal with a button -->
            <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

            <!-- Modal -->
            <div id="myModal" class="modal fade" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Modal Header</h4>
                        </div>
                        <div class="modal-body">
                            <p>Some text in the modal.</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>

                </div>
            </div>

        </h2>
      </div>
    </div>
</div>


属性
开放模态
&时代；
模态头
模态中的一些文本
接近

但是，当我将代码部署到服务器时，模式的代码不会出现在页面中。我确信我正在正确构建和部署。

你知道为什么会发生这种情况吗？

我认为你的问题是没有导入所有必需的lib。您必须知道引导需要JQuery，如果不包括它，您的模式将不会显示。这个示例很有用（我还添加了JQuery的include）


你好
开放模态
&时代；
模态头
模态中的一些文本
接近

您确定您的脚本都正确导入了吗？请发布一个JSFIDLE示例或类似示例。这里的示例代码运行良好。正确包含bootstrap.css、jquery.js和bootstrap.js非常重要。

<html>
  <head>
    <title>Hello</title>
      <link href='bootstrap-3.3.5-dist/css/bootstrap.min.css' rel='stylesheet' />
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <script src='bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
  </head>
  <body>
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
    <div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">

         <!-- Modal content-->
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal">&times;</button>
             <h4 class="modal-title">Modal Header</h4>
           </div>
           <div class="modal-body">
             <p>Some text in the modal.</p>
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           </div>
         </div>
       </div>
     </div>
   </body>
</html>