Question

我有一个twitter bootstrap模式，无法正确呈现对话框，我不确定原因。

HTML

<p class="text-center btn-p"><button class="btn btn-warning" data-toggle="modal" data-target="#myModal2">Compare</button></p>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModal2Label" aria-hidden="true">
 <div class="modal-dialog modal-lg">
    <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>
         <h4 class="modal-title" id="myModal2Label">New Label</h4>
     </div>
    <div class="modal-body">
        <p>Something for now.</p>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>
 </div>
</div>

您可以在此页面上看到html的操作：Superfood Picker点击＆＃34;比较＆＃34;首页上的按钮。

仅基于HTML，我不明白为什么它不起作用。

其他相关要点：

1）。我在同一页面上有两个模态。

2）。另一个工作正常。

3）。当我将功能失调的模态的ID切换到模式的ID时，该模式正确显示模态也正确显示。

4）。后一点对我来说可能是HTML称为模式的HTML问题，但是当我比较两者时，我不明白为什么一个会工作而另一个不会＃＆＃ 39;吨。

这是第二个（功能）模式的HTML：

HTML（通过jquery函数调用）

$(".button-class").html("<div class='text-center'><ul class='list-inline'><li><button class='btn btn-success'><a href=" + state.greens[num].website + " target='_blank'>Company Website</a></button></li> <li><button class='btn btn-success' data-toggle='modal' data-target='#myModal'>View the Label</button></li></ul></div>");

我想也许这两个人互相干扰，但如果是这样的话，我不确定为什么第二个会正常工作。

Twitter Bootstrap 3模式对话框不显示

0 个答案: