javascript - Jquery - 脚本导入但功能 "Not Defined"

Question

我的 HTML:

<script type="text/javascript" src="js/myjs.js"></script>
<script>
...
$("#enviornment").hide().delay(1200).css({'display':'block', 'opacity':'0'}).animate({'opacity':'1'}, 300, function() {
    $("#main").css("display", "none");
    appearWindow($(".window.q"));
...
</script>

myjs.js 包含:

if ("undefined" == typeof jQuery)throw new Error("Nviornment requires jQuery");
$(function() { 
    ...
    function appearWindow(target) {
        changezindex(target);
        target.hide().css({'display':'block', 'opacity':'0'}).animate({'opacity':'1'}, 300)
        target.find(".help").css({'display':'block', 'opacity':'0', 'right':'-40px', 'position':'absolute', 'width':'100%'}).animate({'opacity':'1','right':'0px'}, 580);
    }
    ...
})

在我将一些代码导出到 .js 文件之前，代码运行良好。但是现在 appearwindow 没有运行，控制台打印 ReferenceError: appearWindow is not defined

Answer 1

由于您已将函数添加到匿名函数下，因此其作用域在外部不可用。您可以通过以下方式进行:

if ("undefined" == typeof jQuery)throw new Error("Nviornment requires jQuery");
$(function() { 
    ...
    window.appearWindow = function(target) {
        changezindex(target);
        target.hide().css({'display':'block', 'opacity':'0'}).animate({'opacity':'1'}, 300)
        target.find(".help").css({'display':'block', 'opacity':'0', 'right':'-40px', 'position':'absolute', 'width':'100%'}).animate({'opacity':'1','right':'0px'}, 580);
    }
    ...
})

在另一边你可以使用它:

$("#enviornment").hide().delay(1200).css({'display':'block', 'opacity':'0'}).animate({'opacity':'1'}, 300, function() {
$("#main").css("display", "none");  
// either by
appearWindow($(".window.q"));  
// or by this  
window.appearWindow($(".window.q"))