Есть два идентичных документа HTML, однако второй отличается от первого тем, что ссылка находится не в самом коде документа, а загружается с сервера с помощью функции .load и другие функции JS на неё не действуют. Как сделать, чтобы действовали?
Привожу код
Первый документ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
</head>
<body>
<div class="ddd">
<a target="fra" id="link1" href="http://www.cinemapark.ru/main">Ссылка</a>
</div>
<div id="content">...</div>
<iframe name="fra" style="display: none"></iframe>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
var myVar = $(this).attr('href');
$("#content").load(myVar + " div#today_on_screen");
});
});
</script>
</body>
</html>
Второй:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
</head>
<body>
<div class="ddd">
</div>
<div id="content">...</div>
<iframe name="fra" style="display: none"></iframe>
<script type="text/javascript">
$(document).ready(function(){
$("div.ddd").load("http://danreegly.ru/FS/link.html");
$("a").click(function(){
var myVar = $(this).attr('href');
$("#content").load(myVar + " div#today_on_screen");
});
});
</script>
</body>
</html>