我可以在 page1.php 的 div 中动态调用 page2.php,而无需通过 page1.php 的标题部分中编写的 2 个 js 函数重新加载页面,但问题是在调用 page2.php 后我想单击在其中的链接以在 page1.php 而不是 page2.php 的同一 DIV 中加载 page3.php,当我单击它时,我在浏览器中只得到 (page3.php)
page1.php:
<head>
<script type='text/javascript'>`
function updateContainer( url ) {`
dynamicCon = '#dynamicContainer';
ObjTag = $( dynamicCon );
ObjTag.load( url );
}
$( document ).ready( function() {
$( 'a[data-fancybox-group="dynamicLoad"]' ).bind( "click", function( event ) {
url = $( this ).attr( 'href' );
updateContainer( url );
event.preventDefault();
event.stopPropagation();
});
});
</script>
</head>
<body>
<div id="dynamicContainer"></div>
<a href="blabla" onclick="this.href='page2.php'" data-fancybox-group="dynamicLoad">Load Page 2</a>
</body>
page2.php:
<a href="blabla" onclick="this.href='page3.php'" data-fancybox-group="dynamicLoad">Load Page 3</a>