引用Ajax調用多個div

我必須在jQuery手機中的兩個頁面，並在每個頁面中是div調用content和內部divs我通過ajax調用外部頁面。對於"page1"該呼叫完美無缺，但對於"page2"該呼叫不起作用。儘管「page2」中的div與"page1"具有相同的名稱。引用Ajax調用多個div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 


<script language="javascript"> 

$(document).ready(function() { 
    $.ajaxSetup({ cache: false }); 
    setInterval(function() { 
    $('#content').load('total.asp'); 
    }, 3000); 
    }); 

</script> 

</head> 

<body> 
<div data-role="page" id="page1"> 
    <div data-role="header"> 
    <h1>Page 1</h1> 
    </div> 
    <div data-role="content"> 
    <table width="311" border="0" cellpadding="3" cellspacing="3"> 
     <tr> 
     <td width="77">Content</td> 
     <td width="102"><div id="content"></div></td> 
     <td width="102"><a href="#page2">Go to Page 2</a></td> 
     </tr> 
    </table> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 
<p>&nbsp; 
<div data-role="page" id="page2"> 
    <div data-role="header"> 
    <h1>Page 2</h1> 
    </div> 
    <div data-role="content"> 
    <table width="320" border="0" cellpadding="3" cellspacing="3"> 
     <tr> 
     <td width="77">Content</td> 
     <td width="102"><div id="content"></div></td> 
     <td width="102"><a href="#page1">Go to Page 1</a></td> 
     </tr> 
    </table> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 
</p> 
</body> 
</html>

來源

2015-01-06 ama

ID必須是唯一的。嘗試改變id="content"到class="content"，然後嘗試下面的代碼

$.ajaxSetup({ cache: false }); 
    setInterval(function() { 
     $('.content').load('total.asp'); 
    }, 3000); 
});

來源

2015-01-06 04:43:42

感謝兄弟的工作。耶穌祝福你 – ama

嘗試使用：

$("div").find("[data-role='content']").load('total.asp');

，因爲你給它的數據屬性。你可以更好地使用類，如果你有多個ID相同的名稱，在這種情況下，它將是：

$(".content").load('total.asp');

來源

2015-01-06 04:50:19

引用Ajax調用多個div

回答

相關問題