我可以控制文件何时被包含在另一个页面中?
当我点击名为<a href="/home.php">Home</a>
的'index.html'上的链接时,'home.php'的内容会插入div #content中的index.html-。
但如果“home.php”页面包含include 'index.html'
,则点击链接<a href="/home.php">Home</a>
时,“index.html”会显示2次。
有没有办法在点击链接时停止操作include 'index.html'
,但允许包含在所有其他情况中?
我知道这个问题有点令人困惑 - 不要害怕问你是否不明白后来的事情。下面是一些代码:
的index.html
// PART OF THE JQUERY/AJAX THAT LOADS CONTENT FROM home.php INTO index.html
$('body').on('click', 'a', function(e) {
var urlPath = $(this).attr('href');
var title = $(this).text();
History.pushState({urlPath: urlPath}, title, urlPath);
$("#content").load(urlPath);
return false;
});
<li><a href="home.php">Home</a></li>
<div id="content">
'load home.php in here..'
</div>
home.php
<?php
include 'index.html';
?>
<div>
<h1>This is home.php that will be inserted into #content on index.html</h1>
<p style="padding: 20px; background: green; color: yellow;">HOME HOME HOME.</p>
</div>