1

嘿，我想不通。我有一个脚本，可以在我的网站末尾生成我的模式。这是我生成的两个模型：

<div class="modal fade" id="1_10_1" tabindex="-1" role="dialog" aria-labelledby="1_10_1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">

                <table>
                    <tr>
                        <td>10</td>
                        <td>Margharita<br>Tomatensoße und Käse</td>
                        <td>6.5</td>
                    <form><input type="text" id="Anzahl" value="1"></form>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">In den Warenkorb</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="1_12_1" tabindex="-1" role="dialog" aria-labelledby="1_12_1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">

                <table>
                    <tr>
                        <td>12</td>
                        <td>Rindersalami<br></td>
                        <td>6.7</td>
                    <form><input type="text" id="Anzahl" value="1"></form>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">In den Warenkorb</button>
            </div>
        </div>
    </div>
</div>

然后我在同一个站点上有第二个脚本，它为表格中的模式创建按钮。这是上述模态示例的按钮。

第一个模式的按钮：

<button class="btn btn-success" data-toggle="modal" data-target="#1_10_1">6.5&nbsp; &euro;</button>

第二个模式的按钮：

<button class="btn btn-success" data-toggle="modal" data-target="#1_12_1">6.7&nbsp; &euro;</button>

当我现在单击页面上的第一个按钮时，会显示一个模式，其中包含两个模式的内容，但只有一个关闭按钮。当我关闭此模态并单击第二个模态的按钮时，我的屏幕输出.modal-backdrop但没有模态并且它保持在此状态。我必须刷新我的网站才能继续。我做错了什么？希望可以有人帮帮我。

4

1 回答 1

1

您需要在两种模式中关闭您的table和tr标签。

           <table>
                <tr>
                    <td>10</td>
                    <td>Margharita<br>Tomatensoße und Käse</td>
                    <td>6.5</td>
                </tr>  //MISSING
            </table>  //MISSING

工作示例

http://www.bootply.com/93669

于 2013-11-12T16:53:49.580 回答