Question

我正在与Foundation合作建立一个网站，该网站的一部分是一个基金会轨道幻灯片，它完美地工作，直到我为图像交换添加了一个jquery代码。图像交换位于页面底部的社交按钮上，并且工作正常。我四处搜索并发现了类似的主题，我试图通过他们的解决方案，但只能发生相反的情况（轨道开始工作，图像交换停止工作）。 The site can be viewed here

Answer 1

放手一搏。 jQuery的：

jQuery.noConflict();
jQuery(function(){
    jQuery(".img-swap").hover(
        function(){
            this.src = (this.src == "img/facebook.png")?"img/facebookgrey.png":this.src;
            this.src = (this.src == "img/yelp.png")?"img/yelpgrey.png":this.src;
            this.src = (this.src == "img/googleplus.png")?"img/googleplusgrey.png":this.src;
        },
        function(){
            this.src = (this.src == "img/facebookgrey.png")?"img/facebook.png":this.src;
            this.src = (this.src == "img/yelpgrey.png")?"img/yelp.png":this.src;
            this.src = (this.src == "img/googleplusgrey.png")?"img/googleplus.png":this.src;
    });
});

在我添加其他jquery之后，基础轨道不起作用

1 个答案: