2015-08-26 42 views
1

我想有功能的“悬停不透明性变化”(应该没有CSS工作:悬停):

$(document).ready($(function() { 
    $(".ba-gallery-grid.css-style-7 .ba-image img").hover(function() { 
     $(this).css('opacity', '.3'); 
     $(this).css('opacity', '1'); 
    }); 
})); 

有了这个HTML:

<div class="ba-gallery-grid css-style-7"> 
    <div class="ba-gallery-items category-0 category-1"> 
     <div class="ba-image"></div> 
     <img data-original="***" alt="" src="***"> 
     <div class="ba-caption"> 
      <div class="ba-caption-content"></div> 
     </div> 
    </div> 
</div> 

但我只有一个错误:

Uncaught TypeError: $ is not a function

任何人都可以请帮助我找出我做错了什么?以下是完整示例http://lilianpix.ru/photos的页面。

+1

您有加入jQuery的上页面,我不这么认为 – Tushar

+1

你没有在页面中包含jquery.js,或者如果你有,那么它的路径是不正确的。 –

+0

当然它包括:http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js – RUGZ

回答

5

在上述页面中,您包含jquery-noconflict.js,其中调用jQuery.noConflict()将重置$的值。您仍然可以使用jQuery指的jQuery所以

还要注意的是,徘徊需要传递2个回调,一个设置不透明度时,鼠标进入,当鼠标离开

jQuery(function ($) { 
    $(".ba-gallery-grid.css-style-7 .ba-image img").hover(function() { 
     $(this).css('opacity', '.3'); 
    }, function() { 
     $(this).css('opacity', '1'); 
    }); 
}); 
+0

mybe他没有链接过jQuery javascript。 –