Question

我有很多javascript插件，它们都包含在我的HTML文件中，并且因为我已经检查过而成功包含在内。这是问题所在; 基本上我想在HTML文件中创建一个外部函数，然后在内部 HTML文件在文档准备就绪时加载该特定函数。

这是HTML文件的功能（外部）。作为一个独立的JS文件：

function do_anchor_scrolling() {
    $('#back_to_top').anchorScroll();
    $("#landing_link").anchorScroll();
    $("#menu_link").anchorScroll();
    $("#sauces_link").anchorScroll();
    $("#ranches_link").anchorScroll();
    $("#order_link").anchorScroll();
    $("#about_link").anchorScroll();
    $("#franchise_link").anchorScroll();
});

该函数名为do_anchor_scrolling

如何在JQuery中说文档何时准备好执行do_anchor_scrolling功能。

Answer 1

文档准备就绪后，调用该函数。

$(document).ready(function(){
    do_anchor_scrolling();
});

Answer 2

将其作为处理程序传递到ready方法：

$(document).ready(do_anchor_scrolling);

甚至更短：

$(do_anchor_scrolling);

注意函数没有在那里执行（没有调用括号） - 函数对象本身被传递到ready函数。

Answer 3

你可以这样做：

$.getScript("yourfile.js");//it grabs and executes yourfile.js
                           //so your function is now defined
do_anchor_scrolling();     //and you can call it

只需将$_getScript()放在yourfile.js的{{1}}标记内，就可以暂停<script>来电。

Jquery / Javascript：调用我们调用函数的文件之外的函数

3 个答案: