2012-09-07 21 views
0

我有一个div,需要淡出表单中文本区域的焦点。文本区域焦点上的Div淡入淡出

我有以下的JS文件来执行此,“消息”是类我的文字区和“泡沫”是div的ID应该淡入/淡出。我还将它直接包含在我的页面中,以查看是否修复了它。

function(){ 

$(".message").focus(function() { 
$("#bubble").fadeOut(); 
    }).blur(function() { 
    $("#bubble").fadeIn(); 
    }); 
})(); 

HTML如下,不是特别有趣!

<div id="bubble"> 
    <img src="images/hire_me_bubble.png" alt="Hire me" /> 
</div> 

活动网站可以看到here - 联系表格文本区域应该开始泡沫的淡出。

我试过通过代码检查,但我看不到任何问题。

回答

3

你的语法搞砸了。你有)()这与什么都没有匹配。试试这个:

$(function(){ 
    $(".message").focus(function() { 
     $("#bubble").fadeOut(); 
    }).blur(function() { 
     $("#bubble").fadeIn(); 
    }); 
}); 

这将执行文件准备好的代码。

+0

谢谢!它之前工作,所以我不知道我如何设法改变!这工作:) – Francesca

+0

@Francesca,为了将来的参考,你总是可以使用像http://www.jshint.com来检查你的语法,或使用JSFiddle的内置语法检查器 – Charlie