javascript - .delay() 不适用于我的 .show() JQuery

Question

我试图让我的页脚在移动设备上且仅在键盘打开时消失。我工作得很好，但问题是页脚在键盘有时间关闭之前重新出现。这是因为我使用的是具有焦点的文本框中的事件，而不是打开的键盘。所以我认为解决这个问题的最佳方法是使用 .delay() 但是，这根本不起作用。这里有人有什么想法吗？

<script>
    var isMobileView = false; //global variable

    $(document).ready(function () {

        function setScreenWidthFlag() {
            var newWindowWidth = $(window).width();
            if ( $(window).width() > 600) {   
                isMobileView = false;
            }
            else {
                isMobileView = true;
            }
        }

        $(".tbinputArea").focus(function() {
            if(isMobileView)
                $("#footer").hide();
        });

        $(".tbinputArea").focusout(function() {
            if(isMobileView)
                $("#footer").delay(500).show();
        });

        setScreenWidthFlag();

        $(window).on("resize", function (e) {
            setScreenWidthFlag();
        });
    }); 
</script>

Answer 1

$("#footer").delay(500).show(0);

试试这个。