jquery ajax调用：多个链接将数据加载到一个div中

我有一个动态生成的链接列表。每个链接都会请求加载一个不同的页面。根据点击的链接，我希望它用ajax .load调用来填充div。事情是我想要所有链接重置并填写相同的div。如果没有为每个链接制作单独的div，我都会遇到问题，这不是我所期待的。jquery ajax调用：多个链接将数据加载到一个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>

来源

2012-04-06 user1146939

这样的事情如何？创建一个名为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-06 06:14:24

你可以给一个尝试以下请：

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

来源

2012-04-06 06:16:28 sarwar026

我不知道如果我理解你的问题，但我想你想要像这样的东西：

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-06 06:27:31 kubedan

jquery ajax调用：多个链接将数据加载到一个div中

回答

相关问题