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中

回答

相關問題