setIntervalで追加された要素にjQueryプラグインを適用させたい

javascript
1
2        function load_database(){
3            $.ajax({
4                type: 'POST',
5                url: 'database.php',
6                async: false,
7                success: function(data) {
8                    $('.box').html(data);
9                }
10            }).responseText;
11            
12            
13        }    
14        
15$(window).load(function(){
16            load_database();
17            setInterval('load_database()', 1000);         
18});

javascript
1            $('.box').isotope({
2                itemSelector: '.item',
3                masonry: {
4                    columnWidth: 200
5                }
6});

php
1echo "<h1 class='item'>test</h1><h1 class='item'>test</h1><h1 class='item'>test</h1><h1 class='item'>test</h1>";

ajaxで.boxが書き換えられ、2のisotopeというプラグインが適用されたのですが、1秒後、setIntervalの影響で2のプラグインが適用されなくなってしまいます。setIntervalを繰り返しつつも、jqueryプラグインを維持させるにはどうしたらよいでしょうか？

追記:database.phpの内容は３です。まだテスト中なのでこんなもんです。
追記:Isotope -- http://isotope.metafizzy.co/layout.html

行動規範の内容に同意します

回答2件

ベストアンサー

【Isotope · Methods】
http://isotope.metafizzy.co/methods.html#adding-and-removing-items

Adding and removing items

投稿2016/12/07 16:03

kei344

総合スコア69407

javascript
1function load_database() {
2	$.ajax({
3		type: 'POST',
4		url: 'database.php',
5		async: false,
6		success: function (data) {
7			$('.box').html(data).isotope({
8				itemSelector: '.item',
9				masonry: {
10					columnWidth: 200
11				}
12			});
13		}
14	}).responseText;
15}
16
17$(window).load(function () {
18	load_database();
19	setInterval('load_database()', 1000);
20});