jquery - ExpandTitle(...) 不是函数

Question

我尝试重用这部分，但控制台不断记录此错误。我已确保函数名称中没有任何拼写错误。

$(document).ready(function () {
    ...

    function expandTitle(selector) {
        let param = $(selector),
            paramOverlay = $(selector + '>.overlay');
        let overlayHeight = getOuterHeight(param),
            overlayWidth = getOuterWidth(param);

        param.css({
            'height': overlayHeight
        });

        param.hover(
            function () {
                paramOverlay.animate({
                    'width': overlayWidth
                });
            },
            function () {
                paramOverlay.animate({
                    'width': 0
                });
            }
        );
    };

    ...

    (function () {
        expandTitle('#viewPointTitle>h1')();
    })();
});

提前致谢:D

Answer 1

您只需使用 expandTitle('#viewPointTitle>h1'); 代替 expandTitle('#viewPointTitle>h1')(); 添加 () 表示第一个函数 expandTitle 返回另一个函数，然后立即调用该返回的函数。由于您没有从 expandTitle 返回任何函数，因此删除该 ()。

$(document).ready(function () {
    function expandTitle(selector) {
       console.log(selector);
    };

    (function () {
        expandTitle('#viewPointTitle>h1');
    })();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这就是当您从被调用函数返回函数时 () 的工作原理:

$(document).ready(function () {
    function expandTitle(selector) {
      return function test(){
       console.log('inner function log');
      }
    };

    (function () {
        expandTitle('#viewPointTitle>h1')();
    })();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>