Javascript 两个jquery项不能一起工作

我正试图jquery同位素和巴尔金风格的投资组合一起工作（），但我不能。我可以让他们自己完美地工作，但一旦在一起就不行了。我也尝试过noConflict（），但运气不佳。任何想法都将不胜感激

JS代码

    // Balkin   
$( document ).ready(function() {
 $('.portfolio ul li a').click(function() {
     var itemID = $(this).attr('href');
     $('.portfolio ul').addClass('item_open');
     $(itemID).addClass('item_open');
     return false;
 });
 $('.close').click(function() {
     $('.port, .portfolio ul').removeClass('item_open');
     return false;
 });

 $(".portfolio ul li a").click(function() {
     $('html, body').animate({
         scrollTop: parseInt($("#top").offset().top)
     }, 400);
 });

 });

        /*===========================================================*/
    /*  Isotope Posrtfolio
    /*===========================================================*/     
    if(jQuery.isFunction(jQuery.fn.isotope)){
        jQuery('.portfolio_list').isotope({
            itemSelector : '.list_item',
            layoutMode : 'fitRows',
            animationEngine : 'jquery'
        });

    /* ---- Filtering ----- */
        jQuery('#filter li').click(function(){
            var $this = jQuery(this);
            if ( $this.hasClass('selected') ) {
                return false;
            } else {
                    jQuery('#filter .selected').removeClass('selected');
                    var selector = $this.attr('data-filter');
                    $this.parent().next().isotope({ filter: selector });
                    $this.addClass('selected');
                    return false;
                }
        }); 
    }

HTML（需要更整洁，我知道，对不起）

将第二个jQuery项放入一个单独的

$（document）.ready（function（）{}），你应该没事

您甚至可能想将它放在一组完全不同的
标记中。
对不起，它不起作用。谢谢你的快速回复。我把它放在JSFIDLE上，同位素不会工作，但是如果你点击图片，下拉菜单会工作。但是如果你删除巴尔金的代码，同位素确实起作用了。嗯，老实说，我不太确定。你试过用
jQuery
代替速记
$
选择器吗？是的，谢谢你的尝试。如果其他人有任何想法，请让我知道，并检查我的小提琴。
<!--Portfolio-->
<section id="portfolio" class="portfolio">
  <div class="container">
    <div class="row"> 
      <!--begin isotope -->
      <div class="isotope"> 
        <!--begin portfolio filter -->
        <ul id="filter" class="option-set clearfix">
          <li data-filter="*" class="selected"><a href="#">All</a></li>
          <li data-filter=".responsive"><a href="#">Responsive</a></li>
          <li data-filter=".mobile"><a href="#">Mobile</a></li>
          <li data-filter=".branding"><a href="#">Branding</a></li>
        </ul>
        <!--end portfolio filter --> 

        <!--begin portfolio_list -->
        <ul id="list" class="portfolio_list">
          <!--begin span4 -->
          <li class="list_item col-xs-12 col-sm-4 col-md-4 responsive"><a href="#item02">
            <div class="view view-first"> <img src="../overlay/images/photos/project_1.jpg" class="img-responsive" alt="Title Goes Here"> <div class="mask"> <div class="portfolio_details zoom"><h2>Nostrum mnesarchum</h2>
              <span>Art / Illustration</span></div> </div> </div></a>
          </li>
          <!--end span4 -->