Я пытаюсь связать другую HTML страницу, сохраненную в той же папке, что и эта, через jquery. Я также пытаюсь добавить вкладку и загрузить эту страницу на вкладке.
Я новичок в Jquery и пытаюсь узнать, как с ним работать.
Html код:
<!DOCTYPE html>
<html>
<head>
<title>Installing and using jQuery Plugins</title>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type ="text/css" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/themes/black-tie/jquery-ui.css"/>
<script type="text/javascript" src="script17.js"></script>
</head>
<body>
<h1 id="title">Installing and using jQuery Plugins</h1>
<div id="tabs">
<ul>
<li><a href='#tabs-1'>Nunc tincidunt</a></li>
<li><a href='#tabs-2'>Proin dolor</a></li>
<li><a href='#tabs-3'>Aenean lacinia</a></li>
</ul>
<div id='tabs-1'>
<p>Junk Text1</p>
</div>
<div id='tabs-2'>
<p>Junk Text2.</p>
</div>
<div id='tabs-3'>
<p>Junk Text3</p>
</div>
</div>
<button id='add-tab'>Add tab</button>
<p><a href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.min.js"> Check out the themes on this page</p>
</body>
</html>
Скрипт
$(function(){
$("#tabs").tabs();
$("#add-tab").click(function(){
var num_tabs = $("#tabs ul li").length+1;
$("#tabs ul").append(
"<li><a href="+"'C9JS_16.html'"+">Click a Quote</a></li>");
$("#tabs").tabs("refresh");
});
});
Файл C9JS_16.html сохраняется в той же папке, что и файл HTML. Я все еще получаю ошибку CORS в моем скрипте.
C9JS_17. html: 1 Доступ к XMLHttpRequest в 'file: /// E: /Javascript/C9_JS_Fundamentals/C9JS_16.html' from origin 'null' был заблокирован политикой CORS: запросы перекрестного происхождения поддерживаются только для схем протоколов: http, data, chrome -extension, edge, https. jquery -1.8.0.min. js: 2 GET файл: /// E: /Javascript/C9_JS_Fundamentals/C9JS_16.html net :: ERR_FAILED