При передаче кода 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. Происходит конфликт скриптов? |
alanat,
а почему fancybox должен обладать даром предвиденья? загрузили контент, затем проинициализировали, а не наоборот. |
Часовой пояс GMT +3, время: 09:32. |