Я пытаюсь загрузить внешнюю страницу внутри iframe, но только пытаюсь отобразить содержимое тега DIV. Я слышал, что есть способ сделать это с помощью jquery, и я считаю, что нашел правильный код, но не могу заставить его работать правильно.
<html>
<head>
<title>jQuery and Frames</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
jQuery( function($) {
var data = $('<div />').load('div.html #test');
var doc = $('#frame1')[0].contentWindow.document;
var body = $('body',doc);
$(body).html(data);
});
</script>
</head>
<body>
<iframe id="frame1"></iframe>
</body>
</html>
Вот моя целевая страница, с которой я пытаюсь показать, что находится внутри тега div.
<html>
<head>
<title>blah</title>
</head>
<body>
<div id="test">
Working
</div>
Not Working
</body>
</html>
Однако, когда я загружаю главную страницу, она вообще ничего не отображает в iframe
** РЕДАКТИРОВАТЬ это было обновлено с ответом Сорина
Возможно ли это, поскольку у меня есть доступ к целевому сайту, использующему теги div и CSS, что я могу добиться того же, скрывая теги с помощью CSS?