Jquery 无法获取按数字排序的同位素_Jquery_Sorting_Jquery Isotope

Jquery 无法获取按数字排序的同位素

jquery sorting

Jquery 无法获取按数字排序的同位素,jquery,sorting,jquery-isotope,Jquery,Sorting,Jquery Isotope,我试图让同位素按p中的数字排序。第一个p.number在每个div.box中，所有div.box都在内容中。我的jquery在下面构建了这个标记，但是现在所有div.box div都是堆叠在一起的。当我点击按钮时，div.box将根据p.number标签中的编号进行排序这是我在web控制台中遇到的错误：TypeError:“.number parseInt”不是计算“ea”的函数 <body> <div class="wrapper"> <

我试图让同位素按p中的数字排序。第一个p.number在每个div.box中，所有div.box都在内容中。我的jquery在下面构建了这个标记，但是现在所有div.box div都是堆叠在一起的。当我点击按钮时，div.box将根据p.number标签中的编号进行排序

这是我在web控制台中遇到的错误：TypeError:“.number parseInt”不是计算“ea”的函数

<body>
    <div class="wrapper">
        <div id="sorts">
            <button>sort by number</button>
        </div>
        <div id="content">
        </div> 
    </div>

    <script>        

        var myData = [
    {
        "number" : "15", 
        "promoimage_title" : "Title here item 1"
    },
    {
        "number" : "28",
        "promoimage_title" : "Title here item 2"
    },
    {
        "number" : "58",
        "promoimage_title" : "Title here item 3"
    },
    {
        "number" : "37",
        "promoimage_title" : "Title here item 4"
    },
    {
        "number" : "4",
        "promoimage_title" : "Title here item 5"
    },
    {
        "number" : "8",
        "promoimage_title" : "Title here item 6"
    },
    {
        "number" : "23", 
        "promoimage_title" : "Title here item 7"
    },
    {
        "number" : "88",
        "promoimage_title" : "Title here item 8"
    },
    {
        "number" : "27",
        "promoimage_title" : "Title here item 9"
    },
    {
        "number" : "67",
        "promoimage_title" : "Title here item 10"
    }

];


        $.each(myData, function(index, value) {
                $('#content').append("<div class='box'><p class='number'>"+value.number+"</p><p class='box-title'>"+value.promoimage_title+"</p></div>");
        });

        var $container = $('#content');                 

          $container.isotope({
            itemSelector: '.box',
            layoutMode: 'masonry',
            getSortData: {
              number: '.number parseInt'
            }
          });



        $('#sorts').on( 'click', 'button', function() {
            $container.isotope({ sortBy: 'number' });
        });


    </script>
</body>

对我有用。你如何加载你的js？jquery1st？是的，我先有jQuery，但应该是那样吗？它必须是某种类型的jquery吗