在文本区域的焦点上分割渐变

Div fading on focus of text area

本文关键字：分割 渐变 焦点 文本 区域      更新时间：2023-09-26

我有一个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();
    });
});

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

相关文章：