Javascript 无法使用附加的html

我有一个问题，无法过滤从本地.xml文件解析的数据。我有一些演示图像在同一个容器中，它正在工作和过滤。因此，同位素.js确实设置正确。你能看看出了什么问题吗

这是我的设置

html（html+bootstrap） `

`

javascript.js

`

/*jslint浏览器：true*/
/*全局$，jQuery，警报，控制台*/
$（窗口）.on（'load'，函数（）{
变量$container=$（'.portfolioContainer'）；
$container.com({
筛选器：'*'，
动画选项：{
持续时间：750，
“线性”，
队列：false
}
});
$（'.portfolioFilter a'）。单击（函数（）{
$（'.portfolioFilter.current'）.removeClass（'current'）；
$（this.addClass（'current'）；
变量选择器=$（this.attr（'data-filter'）；
$container.com({
过滤器：选择器，
动画选项：{
持续时间：750，
“线性”，
队列：false
}
});
返回false；
}); 
});
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“skolor.xml”，
数据类型：“xml”，
成功：xmlParser
});
});
函数xmlParser（xml）{
$（xml）.find（“Skola”）.each（function（）{
var namn=$（this.find（'namn'）.text（）；
var address=$（this.find（'address'）.text（）；
var arskurser=$（this.find（'arskurser'）.text（）；
var huvudman=$（this.find（'Regi'）.text（）；
var antalElever=$（this.find（'Antal_elever'）.text（）；
var andelBehorigaLarae=$（this）.find（'Andel_behoriga_larare'）.text（）；
var skolansEpost=$（this.find（“”）.text（）；
var skolanstelefon=$（this.find（'Telefon'）.text（）；
/*var skolansEpost=$（this.find（“”）.text（）*/
$（“.portfolioContainer”）.append（“+namn+”）+
“
”+arskurser+“
”+'Jämför'+“
Antal elever:“+antalever+”
”
Regi:“+huvudman+”
”
Andel Behöriga LäLälever:“”；
});
} 
`

用

  var $items = $(html);

  //Add item to isotope
  $('.grid').isotope( 'insert', $items );

    </div>

    <div class="col-md-12 skolLista portfolioContainer">`

/*jslint browser: true*/
/*global $, jQuery, alert, console*/
 $(window).on('load', function () {

     var $container = $('.portfolioContainer');
    $container.isotope({
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });

    $('.portfolioFilter a').click(function(){
        $('.portfolioFilter .current').removeClass('current');
        $(this).addClass('current');

        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
         });
         return false;
    }); 

 });



 $(document).ready(function(){
             $.ajax({

            type: "GET",
            url: "skolor.xml",
            dataType: "xml",
            success: xmlParser

            });
        });

        function xmlParser(xml){

            $(xml).find("Skola").each(function(){
            var namn = $(this).find('Namn').text(); 
            var adress = $(this).find('Adress').text();
            var arskurser = $(this).find('Arskurser').text();  
            var huvudman = $(this).find('Regi').text();  
            var antalElever = $(this).find('Antal_elever').text(); 
            var andelBehorigaLarae = $(this).find('Andel_behoriga_larare').text();
            var skolansEpost = $(this).find('').text();
                var skolanstelefon = $(this).find('Telefon').text();
               /* var skolansEpost = $(this).find('').text();*/


            $(".portfolioContainer").append("<div class='element people ' > <h3 class='grid-item people'>" + namn + "</h3>" + 
                    "<p class='grid-item arskurser food'>" + arskurser + "</p>" + '<button type="button" class="btn btn-default">Jämför</button> <img src="http://placehold.it/150x150">' + "<p class='grid-item antalElever'> Antal elever:" + antalElever + "</p>" +  "<p class='grid-item huvudman'> Regi:" + huvudman + "</p>" + "<p class='grid-item'> Andel Behöriga Lärare:" + andelBehorigaLarae + "</p>" + "</div>" );  



            });


        } 

    `

  var $items = $(html);

  //Add item to isotope
  $('.grid').isotope( 'insert', $items );