Javascript 从其他模式打开模式，引导3

当我从页面打开模式时，它完全可以打开，但当我试图从其他模式（在同一页面上打开）用相同的按钮打开相同的模式时，它拒绝显示。可能是什么问题

编辑：糟糕，我忘了发代码了。 这是一个糟糕的设计，但以下是模态对话框的外观：

        <div id="modalEditArticle" class="container modal fade" role="dialog" style="margin-top: 10%">

        <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-body">
        <div class="row vertical-offset-100">
          <div class="col-sm-6 col-sm-offset-3">      
            <div class="alert alert-danger" id = "errorMessage" style="display: none"></div>  
            <div class="panel panel-default">
              <div class="panel-heading">
                <h3 class="panel-title">Edit article</h3>
              </div>
              <div class="panel-body">
                  <form id="editArticleForm" method="PUT" action="/article/edit" class="form-horizontal col-sm-10 col-sm-offset-1" role="form">
                    <fieldset>
                        <div class="form-group">
                            <label>Article name:</label>
                            <input class="form-control" placeholder="Enter article name" id="name" name="name" type="text" readonly="readonly">
                          </div>

                          <div class="form-group">
                              <label>Unit price:</label>
                              <input class="form-control" placeholder="Enter unit price" id="unitPrice" name="unitPrice" type="text" >
                          </div>

                          <div class="form-group">
                                <label>Description:</label>
                              <input class="form-control" placeholder="Enter description" id="description" name="description" type="text" >
                          </div>

                          <div class="form-group">
                              <input id="id" name="id" type="text" style="display: none">
                          </div>

                          <!-- Select Basic -->
                          <label>Choose article type:</label>
                          <div class="form-group">
                              <select id="articleType" name="articleType" class="form-control">
                                <option value="Drink" >Drink</option>
                                <option value="Food">Food</option>
                              </select>
                          </div>

                          <div class="form-group">
                              <label>Amount (in grams for Food, in milliliters for Drink):</label>
                              <input class="form-control" placeholder="Enter amount (in grams for Food,in milliliters for Drink)" id="amount" name="amount" type="text" >
                          </div>

                          <!-- Select Basic -->

                          <div class="form-group">
                              <label>Choose restaurant where it will be served:</label>
                              <select id="restaurantId" name="restaurantId" class="form-control restaurantId">
                              </select>
                          </div>
                        </div>

                      <input class="btn btn-lg btn-success btn-block" type="submit" value="Update article">
                      <button type="button" class="btn btn-lg btn-danger btn-block" data-dismiss="modal">Cancel</button>
                    </fieldset>
                  </form>
              </div>
            </div>
          </div>


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

编辑文章
物品名称：
单价：
说明：
选择文章类型：
喝
食物
数量（食品单位为克，饮料单位为毫升）：
选择提供服务的餐厅：
取消

下面是触发它的按钮（取自其他代码块）：

编辑

添加两个js文件并使用

×
堆叠一
一个好身体

一个好身体

一个好身体

发射模态
接近
好啊
×
第二层
一个好身体

一个好身体

发射模态
接近
好啊
×
第三组
一个好身体

接近
好啊

请显示您的代码是通过ajaxLook加载的nasted model按钮此处：@Rohitharma我为什么要添加代码，我在从其他模式打开模式之前尝试过，并且在没有额外Jquery代码的情况下工作？@15009נץככה我的错，这里是。举个例子吧！但在我看来，无论我是从页面还是从其他模式打开模式都没有区别（只有href重要）。我最近编辑了我的帖子，并给出了我的html，现在你可以看到了。我不明白这句话“我试图从其他模式用相同的按钮打开相同的模式”我有一个页面上所有文章的列表，每篇文章都有打开“编辑文章”（模式对话框）的按钮。在另一个页面上，我也有餐厅列表，每个餐厅都有上面提到的文章列表中的一些文章，我可以在模式对话框“文章列表”中显示它们，在该对话框中，每个文章（来自该餐厅）都有一个按钮，打开相同的“编辑文章”（模式对话框）。

 <button type="button" id="editArticleButton" class="btn btn-info btn-block" data-toggle="modal" data-target="#modalEditArticle"><span class="glyphicon glyphicon-edit"></span> Edit </button>

   <div id="stack1" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Stack One</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
        <p>One fine body…</p>
        <p>One fine body…</p>
        <input class="form-control" type="text" data-tabindex="1">
        <input class="form-control" type="text" data-tabindex="2">
        <button class="btn btn-default" data-toggle="modal" href="#stack2">Launch modal</button>
      </div>
      <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="button" class="btn btn-primary">Ok</button>
      </div>
    </div>

    <div id="stack2" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Stack Two</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
        <p>One fine body…</p>
        <input class="form-control" type="text" data-tabindex="1">
        <input class="form-control" type="text" data-tabindex="2">
        <button class="btn btn-default" data-toggle="modal" href="#stack3">Launch modal</button>
      </div>
      <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="button" class="btn btn-primary">Ok</button>
      </div>
    </div>

    <div id="stack3" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Stack Three</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
        <input class="form-control" type="text" data-tabindex="1">
        <input class="form-control" type="text" data-tabindex="2">
      </div>
      <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="button" class="btn btn-primary">Ok</button>
      </div>
    </div>