javascript - 引用错误: functionxyz is not defined

Question

我遇到了一个错误，这让我在自动取款机上感到不安。我有三个脚本文件，一个 jQuery，另一个包含我的所有函数，最后一个是我使用函数脚本文件中的函数之一的文件。

    <!-- SCRIPTS -->
    <script type="text/javascript" src="http://localhost/assets/web/js/jquery/de.jq.311.js"></script>
    <script type="text/javascript" src="http://localhost/assets/web/js/func.js"></script>
    <script type="text/javascript" src="http://localhost/assets/web/js/sign/signup.js"></script>

Signup.js 现在告诉我，实际上在 func.js 中定义的某个函数尚未定义，即使它们的顺序都是正确的并且我已经检查了两次，但该函数的拼写方式是正确的。我还尝试将函数直接放在signup.js上方的head标签中，效果很好。

func.js:

$(document).ready(function(){

    // VARS
    var body = $('body');


    // FUNCTIONS
    var dialerTimeout;
    function showDialer(text) {
        var t  = text;
        clearTimeout(dialerTimeout);
        var rd = $('response-dialer');
        rd.find('.inr p').html(text);
        rd.css('bottom', '12px');

        dialerTimeout = setTimeout(function(){ rd.removeAttr('style'); }, 3000);
    }
});

signup.js:

$(document).ready(function(){

    $(document).on('click', '[data-action="signup"]', function(){

        var mail  = $('input[name="mail"]').val();
        var pass  = $('input[name="password"]').val();
        var pass2 = $('input[name="password2"]').val();
        var agb   = $('input[name="agb"]').val();
        var rd    = $('response-dialer');
        var lc    = $('login-container');

        console.log($('[data-form="signup"]').serialize());

        if(mail === '' || pass === '' || pass2 === '') {
            showDialer('Bitte fülle alle Felder aus!');
        } else if(pass !== pass2) {
            showDialer('Ihre Passwörter stimmen nicht überein!');
        } else if(grecaptcha && grecaptcha.getResponse().length === 0) {
            showDialer('Der Captcha-Code ist falsch!');
        } else if(!($('#agb').is(":checked"))) {
            showDialer('Bitte lese und akzeptiere unsere AGB!');
        } else {

            if(!validateEmail(mail)) {
                showDialer('Ihre E-Mail hat ein falsches Format. Bitte nutze name@host.endung');
            } else {

                addOverlay(lc);

            }

        }

    });
});

Answer 1

您收到错误是因为 showDialer 仅在传递给 funcs.js 中的 $(document).ready 的回调范围内>。为了在另一个脚本中使用它，您必须将其定义为全局函数，或者(更好)将 2 个脚本合并到一个文件中，仅用一个 $(document).ready 包含所有内容.