jquery mouseover和mouseleave不起作用

Question

我写了一个简单的jquery函数但没有工作。如果你们发现问题是什么，那么你真的很开心。

JS

$( document ).ready(function() {
$("col-md-4").mouseover(function() {
    $(this).find("img").stop().transition({ scale: 1.05 }, 600);
    $(this).find(".baslik").stop().css({ "color": "#b19460" });
    $(this).find(".golge").stop().animate({ opacity: 0.65 }, 600);
    $(this).find(".bordur").stop().fadeTo(600, 1 );

 });
 $("col-md-4").mouseleave(function(){
    $(this).find("img").stop().transition({ scale: 1 }, 600);
    $(this).find(".baslik").stop().css({ "color": "#fff" });
    $(this).find(".golge").stop().animate({ opacity: 0.15 }, 600);
    $(this).find(".bordur").stop().fadeTo(600, 0 );
});

}）;

JsFiddle：http://jsfiddle.net/Y66WM/1/

Answer 1

您忘记在Class Selector (“.class”)

中为 class 添加.（点）

更改

$("col-md-4").mouseover(function() {

到的

$(".col-md-4").mouseover(function() {

Answer 2

选择器使用class .选择器或id # selector

选择

语法错误

 $(".col-md-4")

Answer 3

您忘记添加＆＃34;。＆＃34; 选择器 使用此代码

$(".col-md-4").mouseover(function() {
    $(this).find("img").stop().transition({ scale: 1.05 }, 600);
    $(this).find(".baslik").stop().css({ "color": "#b19460" });
    $(this).find(".golge").stop().animate({ opacity: 0.65 }, 600);
    $(this).find(".bordur").stop().fadeTo(600, 1 );

 });
 $(".col-md-4").mouseleave(function(){
    $(this).find("img").stop().transition({ scale: 1 }, 600);
    $(this).find(".baslik").stop().css({ "color": "#fff" });
    $(this).find(".golge").stop().animate({ opacity: 0.15 }, 600);
    $(this).find(".bordur").stop().fadeTo(600, 0 );
});

您的网页出现此错误

Working Demo

Answer 4

您错过了$("col-md-4");

的课程或ID

可以是$(".col-md-4")或$("#col-md-4")