0

我有一个动态生成的链接列表。每个链接将请求加载不同的页面。根据单击的链接,我希望它用 ajax .load 调用填充 div。问题是我希望所有链接都重置并填充相同的 div。如果没有为每个链接制作单独的 div,我在执行此操作时遇到了麻烦,这不是我想要的。

这是我到目前为止所拥有的,但仅适用于一个链接。

<a data-toggle="modal" href="#myModal">Link</a>

<div class="modal hide fade" id="myModal"></div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#myModal').load('mypage.php');
    });
</script>
4

3 回答 3

2

我不确定我是否理解你的问题,但我认为你想要这样的东西:

HTML

<a class="link" data-toggle="modal" href="link1.php" >Link 1</a>
<a class="link" data-toggle="modal" href="link2.php" >Link 2</a>
<a class="link" data-toggle="modal" href="link3.php" >Link 3</a>

<div class="modal hide fade" id="myModal"></div>

jQuery

 $("a.link").click(function(){
        $("#myModal").html($(this).attr("href")); /*$("#myModal").load($(this).attr("href"));*/
        return false;
    });​

http://jsfiddle.net/3RCAg/

于 2012-04-06T06:27:31.540 回答
0

您可以尝试以下方法:

<script type="text/javascript">
    $(document).ready(function() {
        $('#myModal').empty();  // clears the div
        $('#myModal').load('mypage.php'); // load again
    });
</script>
于 2012-04-06T06:16:28.243 回答
0

这样的事情怎么样。创建一个名为 my_links.html 的单独 html 文件,像这样在其中创建许多链接。

<a href = "first_link.php">First link</a>
<a href = "second_link.php">Second link</a>
<a href = "third_link.php">Third link</a>
<a href = "forth_link.php">Forth link</a>

现在用 jquery 做这个

<script type="text/javascript">
$(document).ready(function() {
    $('#myModal').load('my_links.html');
});

于 2012-04-06T06:14:24.927 回答