когда я пытаюсь загрузить html-контент в div, используя ajax, ссылочные скрипты не загружаются, а css -.Ниже приведен тестовый пример.
Содержание PageA.html:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<h1>Page A</h1>
<div>
<div id="dck">
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: "http://localhost/demo/pageB.html", data: {},
type: "get", async: false, cache: false, dataType: "html",
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
},
success: function (data, textStatus, XMLHttpRequest) {
$('div#dck').hide();
$('div#dck').html(data);
$('div#dck').delay(1000).show(0);
}
});
});
</script>
Содержание PageB.html:
<html>
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
</head>
<body>
<h1>Page B <span class="badge badge-secondary">Div Inside</span></h1>
</body>
<script type="text/javascript">
alert('1');
new ClipboardJS('.btn-cp');
alert('2');
$(document).ready(function () {
alert('3');
});
</script>
Если все сработает, мы увидим три предупреждения, но, к сожалению, увидим только первое, поскольку объект ClipboardJS определен в javascript на странице B, который не загружен.
Я пробовал некоторые варианты, но ничего не получилосьработал до сих пор, у кого-нибудь есть предложения?
Мне понадобится это при междоменном развертывании, но это не междоменная проблема, у меня проблема с тем, что страницы находятся по одному пути, я протестировал размещение обеих вышеуказанных страниц в одной сетипапка сервера называется demo.