我有下一个代码来使用 JQuery 从外部 page.html 加载内容:
脚本:
<script type="text/javascript">
$(
function(){
var jContent = $( "#content" );
$( "nav ul li a").click(function( objEvent ){
var jLink = $( this ); ...
HTML
<nav>
<ul>
<li><a href="page1.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
<li><a href="page3.html">Page 3</a></li>
</ul>
</nav>
<div id="content">Here load content</div>
该脚本工作正常,但是......我想要一些内容将它们加载到一个特定的锚点( page1.html#anchor )
http://www.libelulastudio.com/demo/ajax/01/
我应该在脚本中添加什么?谢谢
/////////////////////
你好终于用下面的代码解决了:
<script> $(document).ready(function(){ $("a#dos").click(function(){
$("#content").load("page2.html", function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
$(function() {
$(document).scrollTop( $("#p2").offset().top ); });
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
}); ...
HTML
<a href="#" id="dos">Go to Product 2</a>
<div id="content">... content ... </div>