Twitter bootstrap 3 引导模式不替换不同链接的内容

我已经成功地在我的web应用程序中添加了一个来自外部链接的模式，但是现在当我单击按钮启动模式时，上一个模式的内容将启动。我希望每次都能重新加载

这是启动模式的按钮

<button href="/forum/flag_post/0838024b-f210-4f4d-ac53-fd4ade12d533"  class="btn btn-default" data-toggle="modal" data-target="#myModal">Report</button>

使用JQuery：

<script>
    $(document).ready(function(){
        $("#modalLinks a").click(function () {
            var addressValue = $(this).attr("href");
            $(".modalContent").load(addressValue);
        });
    });
<script>

<div id="modalLinks">
    <a href="/forum/flag_post/777b1580-572f-41a4-80c8-f2ac58ac49ad" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Report</a>
    <a href="/forum/flag_post/somewhereElse" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Somewhere</a>
    <a href="/forum/flag_post/somewhereTooFar" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Somewhere too far</a>
</div>

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

$（文档）.ready（函数（）{
$（“#modalLinks a”）。单击（函数（）{
var addressValue=$（this.attr（“href”）；
$（“.modalContent”）.load（addressValue）；
});
});

---

其想法是，无论何时单击链接，JQuery都会使用ajax更新模式内容。

这似乎不起作用。如果有多个按钮带有

id=“linkToSomewhere”

我有一个报告按钮用于一篇文章，每个文章都有不同的链接，那么它会起作用吗。有多篇文章。每个元素的Id必须相同，让我编辑我的answer@Kotlinboy现在，它必须适用于div中带有

modalLinks

id的每个链接。你的意思是

.modal content

？我已经编辑了我的答案，看看它是否有用

<script>
    $(document).ready(function(){
        $("#modalLinks a").click(function () {
            var addressValue = $(this).attr("href");
            $(".modalContent").load(addressValue);
        });
    });
<script>

<div id="modalLinks">
    <a href="/forum/flag_post/777b1580-572f-41a4-80c8-f2ac58ac49ad" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Report</a>
    <a href="/forum/flag_post/somewhereElse" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Somewhere</a>
    <a href="/forum/flag_post/somewhereTooFar" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Somewhere too far</a>
</div>

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