Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.07.2016, 00:19
Новичок на форуме
Отправить личное сообщение для alanat Посмотреть профиль Найти все сообщения от alanat
 
Регистрация: 02.07.2016
Сообщений: 6

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

Имеется файл index.html,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.<html>
3.<head>
4.<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
5.<title>Документ без названия</title>
6.<script type="text/javascript" src="js/jquery.js"></script>
7.<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
8.<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
9. 
10.<script>
11.function loadContent(viewUrl){
12. $('#result').load(viewUrl);
13.}
14.</script>
15. 
16.<script type="text/javascript">
17.$(function() {
18.	$('div.catalog-detail-image a').fancybox({
19.		'transitionIn': 'elastic',
20.		'transitionOut': 'elastic',
21.		'speedIn': 600,
22.		'speedOut': 200,
23.		'overlayShow': false,
24.		'cyclic' : true,
25.		'padding': 20,
26.		'titlePosition': 'over',
27.		'onComplete': function() {
28.			$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
29.		} 
30.	});
31.});
32.</script>
33.</head>
34. 
35.<body>
36. 
37.<div id="result" style="width:200px;"></div>
38.<a href="#" onclick="loadContent('1.html');">Сылка на загрузку</a>
39. 
40. 
41.</body>
42.</html>

в div которого из файла 1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.<html>
3.<head>
4.<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
5.<title>Документ без названия</title>
6.<script type="text/javascript" src="js/jquery.js"></script>
7.<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
8.<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
9. 
10.<script type="text/javascript">
11.$(function() {
12.	$('div.catalog-detail-image a').fancybox({
13.		'transitionIn': 'elastic',
14.		'transitionOut': 'elastic',
15.		'speedIn': 600,
16.		'speedOut': 200,
17.		'overlayShow': false,
18.		'cyclic' : true,
19.		'padding': 20,
20.		'titlePosition': 'over',
21.		'onComplete': function() {
22.			$("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
23.		} 
24.	});
25.});
26.</script>
27. 
28.</head>
29. 
30.<body>
31.<div ="mw">
32. 
33.							<div class="catalog-detail-image">
34.					<a href="big.jpg" title=""><img src="small.jpg" width="50" height="50"></a>
35.				</div>
36.			
37.</div>
38. 
39.</body>
40.</html>

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

Происходит конфликт скриптов?
Ответить с цитированием
  #2 (permalink)  
Старый 02.07.2016, 00:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

alanat,
а почему fancybox должен обладать даром предвиденья?
загрузили контент, затем проинициализировали, а не наоборот.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подгрузка информации через DIV с обработкой файла на стороне сервера Azartno jQuery 1 26.05.2012 15:07