При передаче кода fancybox в div через .load из div другого файла не всплывает модальное окно

 
 
 
Сообщения:2
Имеется файл index.html,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>

<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl);
}
</script>

<script type="text/javascript">
$(function() {
	$('div.catalog-detail-image a').fancybox({
		'transitionIn': 'elastic',
		'transitionOut': 'elastic',
		'speedIn': 600,
		'speedOut': 200,
		'overlayShow': false,
		'cyclic' : true,
		'padding': 20,
		'titlePosition': 'over',
		'onComplete': function() {
			$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
		} 
	});
});
</script>
</head>

<body>

<div id="result" style="width:200px;"></div>
<a href="#" onclick="loadContent('1.html');">Сылка на загрузку</a>


</body>
</html>

в div которого из файла 1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>

<script type="text/javascript">
$(function() {
	$('div.catalog-detail-image a').fancybox({
		'transitionIn': 'elastic',
		'transitionOut': 'elastic',
		'speedIn': 600,
		'speedOut': 200,
		'overlayShow': false,
		'cyclic' : true,
		'padding': 20,
		'titlePosition': 'over',
		'onComplete': function() {
			$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
		} 
	});
});
</script>

</head>

<body>
<div ="mw">

							<div class="catalog-detail-image">
					<a href="big.jpg" title=""><img src="small.jpg" width="50" height="50"></a>
				</div>
			
</div>

</body>
</html>
подгружается через load код fancybox.
В файле 1.html fancybox работает. Загрузка в div файла index.html кода происходит нормально, но перестает работать fancybox.

Происходит конфликт скриптов?
 
 
Сообщения:456
Java is to JavaScript as ham is to hamster.
 
 
Сообщения:2
Quote:
izon, Java is to JavaScript as ham is to hamster.


Что конкретно мне делать?
 
Модераторы:Нет
Сейчас эту тему просматривают:Нет