index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Родитель</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li><a href="#">Ссылочка в родительском окне 1</a></li>
<li><a href="#">Ссылочка в родительском окне 2</a></li>
</ul>
</body>
</html>
iframe.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Айфрейм</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<ul>
<li><a href="#">Ссылочка 1</a></li>
<li><a href="#">Ссылочка 2</a></li>
</ul>
</body>
</html>
script.js
$(document).ready(function(){
$('body').append('<iframe id="PP_iframe" src="iframe.html" name="PP_iframe" width="100%" height="100%"></iframe>');
$('#PP_iframe').load(function(){
$('#PP_iframe').contents().find('head').append(
'<script id="gc-ready-js" type="text/javascript">\n\
var flagLinkColor = true;\n\
setInterval(function(){\n\
if(flagLinkColor === true)\n\
{\n\
$(\'a\').css({border: "1px solid red"});\n\
flagLinkColor = false;\n\
}\n\
else\n\
{\n\
$(\'a\').css({border: "1px solid green"});\n\
flagLinkColor = true;\n\
}\n\
}, 1000);\n\
</script>');
});
});
Почему скрипт вставлений в iframe работает не в нём а в родительском окне???