未捕获的类型错误-不是函数-没有视觉错误

请先阅读后判断

是的，我完全意识到我的问题的标题较低。然而，我不能改变它的东西，有一个更解释的标题。所以，如果你有一个暂定的标题，请告诉我。

好的，我们开始提问。我使用同位素这个特殊的部分，并得到这个烦人的错误与Chrome开发人员。我看不到任何可能与此问题相关的错误，但由于这是一个错误，我需要修复它(痴迷)。

Uncaught TypeError: b.isotope is not a function

我使用以下代码为我的网站:

Isotope.js

jQuery(function ($) {
    var $container = $('#isotope-list'); //The ID for the list with all the blog posts
    $container.isotope({ //Isotope options, 'item' matches the class in the PHP
        itemSelector : '.item', 
        layoutMode : 'masonry'
    });
    //Add the class selected to the item that is clicked, and remove from the others
    var $optionSets = $('#filters'),
    $optionLinks = $optionSets.find('a');
    $optionLinks.click(function(){
    var $this = $(this);
    // don't proceed if already selected
    if ( $this.hasClass('selected') ) {
      return false;
    }
    var $optionSet = $this.parents('#filters');
    $optionSets.find('.selected').removeClass('selected');
    $this.addClass('selected');
    //When an item is clicked, sort the items.
     var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
    return false;
    });
});

<?php if ( $the_query->have_posts() ) : ?>
    <div id="isotope-list">
        <?php while ( $the_query->have_posts() ) : $the_query->the_post(); 
        $termsArray = get_the_terms( $post->ID, "category");  //Get the terms for this particular item
        $termsString = ""; //initialize the string that will contain the terms
            foreach ( $termsArray as $term ) { // for each term 
                $termsString .= $term->slug.' '; //create a string that has all the slugs 
            }
        ?> 
        <div class="<?php echo $termsString; ?> item col-md-4"> 
            <ul class="grid cs-style-3">
                <li>
                    <figure>
                        <?php // 'item' is used as an identifier (see Setp 5, line 6) ?>
                        <?php if ( has_post_thumbnail() ) { 
                              the_post_thumbnail('frontpage_thumb');
                        } ?>
                        <figcaption class="lefttext">
                            <h3><?php the_title(); ?></h3>
                            <span class="offgrey"><?php echo(types_render_field( "produkt", array( 'raw' => true) )); ?> / <?php echo(types_render_field( "produsert", array( 'raw' => true) )); ?></span>
                            <a href="<?php the_permalink() ?>" rel="bookmark" class="smoothtrans">Se prosjekt</a>
                        </figcaption>
                    </figure>
                </li>
            </ul>             
        </div> <!-- end item -->
        <?php endwhile;  ?>
    </div> <!-- end isotope-list -->
    <script src="<?php bloginfo('stylesheet_directory'); ?>/js/toucheffects.js"></script>
<?php endif; ?>

网址在这里

我试过查找它，但正如我所看到的，没有理由把它变成b.同位素作为#同位素列表。我在网上搜索了几次有效的解决方案，但我找不到任何解决方案。一个帖子说这和Bootstrap有关。更新到Bootstrap后，我仍然看到这个问题，所以我相信Bootstrap没有错误。然而，Boostrap和同位素之间可能存在以下连接问题:

$container

也许这是崩溃的东西从Bootstrap作为容器在我的网站上使用了几次。

总结一下:

• Chrome Developer
显示错误
• 无视觉错误
• 使用Wordpress，同位素和Bootstrap
• 页面可在这里找到

你知道什么可行的解决方案或想法吗?请让我知道。

我真的建议检查链接寻找解决方案，因为它可能会感染其他js我没有在这里发布。