jQuery库干扰导航栏和可过滤投资组合的Javascript小问题 - 引导3

Question

好吧，所以我已经花了过去3天试图弄清楚，我很近！其实我去来回几个教程之间的过滤组合，并最终使用：

http://www.evoluted.net/thinktank/web-development/jquery-quicksand-tutorial-filtering

现在林这里有几个问题。

的jsfiddle：http://jsfiddle.net/VeaK9/

问题1：我有一个js文件，使我的导航栏，你滚过英雄单位后保持固定在页面的顶部。现在这个文件可以工作，但是当我包含我的可筛选投资组合所需的.js库时，投资组合部分或导航栏都不起作用！

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 

而对于导航栏的代码是：

$(function() { 
/* $(".navbar-fixed-top").css({"top":$(".jumbotron").height()}); 

$(window).resize(function (e) { 
    $(".navbar-fixed-top").css({"top":$(".jumbotron").height()}); 
});*/ 
$(document).on('scroll', function(){ 
    console.log('scroll top : ' + $(window).scrollTop()); 
    if($(window).scrollTop()>=$(".jumbotron").height()) 
    { 
     $(".navbar").addClass("navbar-fixed-top"); 
    } 

    if($(window).scrollTop()<$(".jumbotron").height()) 
    { 
     $(".navbar").removeClass("navbar-fixed-top"); 
    } 
}); 
}); 

问题2：现在的第二个问题是很大的一门课程中（小东西别人那里笑）所以教程我用于组合，bootstrap没有使用！我不想从教程中复制所有的CSS，所以我试图让它在引导下工作，我遇到了这个问题，图像左侧有一个额外的空间，它们实际上彼此重叠并弹出容器！

任何人都可以采取一秒钟，并检查了这一点？请大声笑谢谢你们！

Answer 1

看起来你的流沙插件使用的是与你使用的另一个不兼容的jQuery的一个非常旧的版本。所以我们简单地使用Jquery Migrate Plugin，我们很好。

所以我删除的jQuery的旧版本，您使用带有该插件，并将此在您的HTML结束：

<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script> 

下面是使用它的小提琴！

http://jsfiddle.net/hKvCN/

回答你的第二个问题

我不知道如果我完全明白了第二个问题，但这里是一个秋千。

尝试改变：

<div class="container portfolio"> 

到

<div class="container-fluid portfolio"> 

让我知道，如果这是你想要