javascript - 文本区域焦点上的 Div 淡出

Question

我有一个 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> 

可以在此处看到实时站点- 联系表单中的文本区域应该开始淡出气泡。

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

Answer 1

你的语法搞砸了。你有)()什么不匹配的。尝试这个：

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

这将在文档就绪时执行代码。