无法找到JQuery代码问题

时间:2013-07-03 03:21:35

标签: jquery

我正在尝试关注this exercise 但我根本无法追随。我做错了什么?

$(document).ready(
    function(){
        $("div").mouseenter(function(){
            $('div').fadeTo("fast",1);
        }.mouseleave(function(){
            $('div').fadeTo("fast",0.5);
    })
);

}.mouseleave(function(){
    $('div').fadeTo("fast",0.5);    

}));

4 个答案:

答案 0 :(得分:2)

你刚刚在括号/圆括号上。

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).fadeTo('fast', 1);        
    }).mouseleave(function(){
        $(this).fadeTo('fast', 0.5);
    });
});

答案 1 :(得分:0)

前往jsfiddle,然后点击TidyUp。您会注意到很多关闭都是错误的,您还定义了.mouseleave(function(){$('div').fadeTo("fast",0.5);})两次。

DEMO:http://jsfiddle.net/abc123/vDbce/

HTML:

<div>hello world</div>

JS:

$(document).ready(
    $("div").mouseenter(function () {
        $('div').fadeTo("fast", 1);
    }).mouseleave(function () {
        $('div').fadeTo("fast", 0.5);
    })
);

答案 2 :(得分:0)

您需要改进语法格式以避免错误。安装firebug或按shift + ctrl + j以访问错误控制台

答案 3 :(得分:0)

请确保链接样式表&amp; jQuery的

请在HTML中尝试:

<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" >
</head>

JS

$(document).ready(function(){
    $("div").mouseenter(function(){
        your function here....
    });

    $("div").mouseleave(function(){
        Your function Here....
    });
});

以下是您的函数jQuery.mouseleave

的示例