Скрип работает таким образом:
В начале выходят 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 пишет
За подгрузку отвечает функция
$('#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 );
});
});