Показать сообщение отдельно
  #8 (permalink)  
Старый 27.06.2014, 16:36
Интересующийся
Отправить личное сообщение для pavelfdr Посмотреть профиль Найти все сообщения от pavelfdr
 
Регистрация: 10.06.2014
Сообщений: 15

Скрип работает таким образом:

В начале выходят 10 фотографии при нажатии на них появляется окно.

<div class="am-container" id="am-container">
				<a href="#dialog" name="modal"><img src="images/1.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/2.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/3.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/4.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/5.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/6.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/7.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/8.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/9.jpg"></img></a>
				<a href="#dialog" name="modal"><img src="images/10.jpg"></img></a>  
			</div>


В низу существует кнопка load more... которая подгружает еще фотографии.

<div id="loadmore" class="loadmore" style="width:100%;">load more...</div>
</div>



Проблема в том,что принажатии на подгруженные фото окно не появляется хотя в строке url пишет
Код:
index.html#dialog
За подгрузку отвечает функция
$('#loadmore').show().bind('click', function() {
								var len = imgarr.length;
								for( var i = 0, newimgs = ''; i < 15; ++i ) {
									var pos = Math.floor( Math.random() * len ),
										src	= imgarr[pos];
									newimgs	+= '<a href="#dialog" name="modal"><img src="images/' + src + '.jpg"/></img></a>';
								}
								
								var $newimages = $( newimgs );
								$newimages.imagesLoaded( function(){
									$container.append( $newimages ).montage( 'add', $newimages );
								});
							});
Ответить с цитированием