Jquery隐藏/显示焦点（）和模糊（）无效的div

Question

当我们专注于某些字段时，我试图向用户显示帮助或其他信息。

为此，我在一组输入控件下面有一个隐藏的div。在焦点在那些字段中我想显示所需的div，当这些控件失去焦点时，我想再次隐藏它。

我的jquery看起来像这样（为了简单起见，我删除了确定显示哪个div的逻辑，并简单地将名称硬编码：

                $('.showDetail' ).focus(
                    function () {                            
                        $('#divRoofUpperDetail').show();
                    }
                );

                $('.showDetail').blur(
                    function () {
                        $('#divRoofUpperDetail').hide();
                    }
                );

我隐藏的div看起来像这样：

<div class="form-group" id="divUpperRoofDetail">
    <div class="col-sm-12 hidden-xs thumbnail">
        <img src="images/Assets/RoofDetail.jpg" alt="" />                                        
    </div>
</div>

我希望事件触发的控件有showDetail类，如果我在jquery函数中发出警报，我会看到这些警报触发，但是div不会隐藏和显示。

如果我在document.ready中放置$（＆＃39; #divRoofUpperDetail＆＃39;）。hide（）或.show（），它就会达到我的预期。关注焦点和模糊，它没有。

Answer 1

如果这实际上是您正在运行的代码而不仅仅是拼写错误，那么在我看来，问题是您在jQuery代码中错误地键入了div的名称。

您使用RoofUpper切换了UpperRoof。