主页 / 问题 / 1171218
Accepted
ExtraCamelot
Asked:2020-08-27 21:33:39 +0000 UTC2020-08-27 21:33:39 +0000 UTC

使用彼此的功能连接两个 jquery 文件

  • 772

有两个文件。两者都必须在 jQuery 中。在这两个文件中，一个文件中的函数使用另一个文件中的函数。实际上，这是将一个带有函数的大文件拆分为 3-4 个部分，其中两个（或多个）文件之间存在不断的相互通信。

一个清晰的简化示例：main.js文件如下所示：

$(document).ready(function(){
       function hello () {
        alert ('Привет!');
    }

    the_beginning();
});

这个the_beginning()函数在另一个func.js文件中描述：

function the_beginning () {
            hello ();
        }

这是程序应该如何工作的要点：来自几个文件（如 func.js）的数百个函数指示要更改的内容。他们访问main.js文件，该文件会更改屏幕上的内容。

请帮我解决这个问题。谢谢！。

javascript

2 个回答

  1. Best Answer

    我想通了......我的错误如下：当我包含第二个文件时，我也在其中定义了 jQuery 区域，就像在主文件中一样，即 是这样写的：

    $(document).ready(function(){ 
    // jQuery
});

    并且有必要立即用 jQuery 编写代码而不参考文档。总的来说，这是一个相当愚蠢的问题。缺乏经验已经造成了损失。感谢您对那些试图提供帮助的人的关注。希望对新手有所帮助。

    • 2

  2. 如果你写一个这样的函数：

    $(document).ready(function(){
       function hello () {
        alert ('Привет!');
    }

    the_beginning();
});

    你不会给她打电话的。在不同的文件中创建两个函数，将它们连接到页面并尝试在浏览器控制台中调用它们。然后你可以随心所欲地给他们打电话。

    $(document).ready(function(){
    hello(); // возможна ошибка см. ниже
    the_beginning();// возможна ошибка см. ниже
});

    类似这样的东西：

    //file1.js
function func1(){
   console.log('funct1');
}

    //file2.js
function funct2(){
   console.log('funct2');
}

    //main.js
$(document).ready(function(){ // DOM построили но не факт что скрипты наши загрузились лучше $(window).load()
    func1();// !!Возможна ошибка если js файлы не загрузились еще
    func2();// !!Возможна ошибка если js файлы не загрузились еще
});

    在函数中调用函数的情况下，需要等待所有js文件加载完毕，最好等待执行$(window).load()

    • 1

相关问题