0

以下のコードでは、jquery show および jQuery hide 関数が機能していません..これは基本的なことですが、過去 1 時間、これを通過できませんでした..div を非表示および表示することができません... お願いしますヘルプ

<!DOCTYPE html>
<html>
<head>
    <title>sample</title>


    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>

    <script type="text/javascript">

             $(document).ready(function(){



            var fieldExample = $('#myTags');


            fieldExample.focus(function() {
                var div = $('div#showDiv').show();
                $(document).bind('focusin#showDiv click#showDiv',function(e) {
                    if ($(e.target).closest('#showDiv, #myTags').length) return;
                    $(document).unbind('#showDiv');
                    div.fadeOut('medium');
                });
            });
        $('div#showDiv').hide();

             })

    </script>
</head>
<body>
<input id="myTags"/>

  <div id="showDiv" style="height:200px;width:200px;background-color:red;"></div>
</body>
</html>
4

2 に答える 2

2

試す

$(document).ready(function () {
    var $field = $('#myTags'),
        $div = $('.showDiv').hide();

    $field.focus(function () {
        $div.show();
    });
    $(document).on('focusin click', function (e) {
        if ($(e.target).closest('.showDiv, #myTags').length) return;
        $div.fadeOut('medium');
    });

})

デモ:フィドル

于 2013-10-15T10:52:26.040 に答える