jquery mouseover 和 mouseleave 不起作用答案

【问题标题】：jquery mouseover and mouseleave do not workingjquery mouseover 和 mouseleave 不起作用
【发布时间】：2014-08-02 08:56:46
【问题描述】：

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

$( 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/

【问题讨论】：

用.选择班级
@user48641 你忘记添加 Jquery 文件请看我的回答
@user48641 检查过渡效果有问题.. 休息工作.. jsfiddle.net/Y66WM/4

标签： jquery mouseover mouseleave

【解决方案1】：

您忘记添加 "." 选择器使用此代码

$(".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

【讨论】：

【解决方案2】：

您忘记在Class Selector (“.class”) 中为class 添加.（点）

改变

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

到

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

【讨论】：

这些事件被触发了，在这里查看，jsfiddle.net/rajaadil/Y66WM/5

【解决方案3】：

选择器使用class .选择器或id #时出现语法错误selector

 $(".col-md-4")

【讨论】：

【解决方案4】：

你错过了$("col-md-4");的课程或id

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

【讨论】：