Div在文本区域的焦点上褪色

Question

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

我有以下JS文件来执行此操作，“message”是我的文本区域的类，“bubble”是应该淡化的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 - 联系表单中的文字区域应该开始淡出泡泡。

我已经尝试检查代码，但我看不出任何问题。

Answer 1

你的语法搞砸了。你有)()与之无关。试试这个：

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

这将执行文档就绪的代码。