На моем веб-сайте я использую ссылки для загрузки html-страниц в div.
<a class="iframe" href="portfolio/1/1.html">Link</a>
code
$(".iframe").on("click", function() {
var $mylink = $(this).attr('href');
$div.load($mylink);
}
Если я открою одну из этих ссылок в новой вкладке, css иизображения не загружаются, потому что я использую относительные пути, так как HTML-страницы оказываются внутри div.Используя абсолютные пути на html-страницах, я могу заставить их загружаться, но это заставляет css загружаться дважды, когда ссылки загружаются внутри div (а не на новой вкладке).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
</head>
<body>
<div>
<img src="portfolio/1/1.jpg"/>
</div>
</body>
</html>
Есть ли способиспользовать только относительные пути и обойти эту проблему?По сути, я хочу, чтобы html-страницы загружались внутри div, как и они, но если пользователь открывает html-страницу напрямую, чтобы по-прежнему иметь возможность правильно загружать содержимое (без использования абсолютных путей, если это возможно).