Стоит задача - необходимо реализовать загрузку html страницы в отдельный div на странице. Вроде как для этого можно использовать .load().. Много написано в инете по этому поводу. Например, код:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('#but_load').click(function(){
$('#for_load').load('example.html');
});
});
</script>
<style type='text/css'>
#for_load{
width:500px;
height:300px;
border:2px solid black;
margin-bottom: 10px;
}
#but_load{
width:500px;
height:100px;
border:2px solid black;
}
</style>
<head>
<body>
<div id='for_load'></div>
<div id='but_load'></div>
</body>
</html>
То есть рисуются 2 div'a, первый - блок для загрузки html файла, второй - кнопка. При нажатии на первый запускается функция $('#for_load').load('example.html'); Судя по написанному в инете, именно в данный момент должна загружаться страница в div#for_load. Но ничего не происходит.
Подскажите, в чем может быть ошибка, или что я не правильно делаю.