2015-08-26 76 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。 –