Javascript 文本区域焦点上的Div淡入淡出

Javascript 文本区域焦点上的Div淡入淡出,javascript,jquery,focus,fadein,Javascript,Jquery,Focus,Fadein,我有一个div,需要淡出表单中文本区域的焦点 我有下面的JS文件来执行此操作,“message”是我文本区域的类,“bubble”是应该淡入/淡出的div的ID。我还将它直接包含到我的页面中,看看这是否修复了它 function (){ $(".message").focus(function() { $("#bubble").fadeOut(); }).blur(function() { $("#bubble").fadeIn(); }); })(); HTML如下所示

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

可以看到现场-联系人表单中的文本区域应开始消失气泡


我试过检查代码,但没有发现任何问题

你的语法搞砸了。您的
)()
不匹配。试试这个:

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

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

您的语法混乱。您的
)()
不匹配。试试这个:

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

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

谢谢!它以前工作过,所以我不确定我是如何改变它的!这很有效:)@Francesca,为了将来的参考,您可以随时使用类似于检查语法的东西,或者使用JSFIDLE的内置语法检查工具!它以前工作过,所以我不确定我是如何改变它的!这是有效的:)@Francesca,为了将来的参考,您可以随时使用类似的东西来检查语法,或者使用JSFiddle的内置语法检查器