3

我正在尝试使用一组文本框在我的 JavaScript 文件中定义一些数据。所以在一个文本框中我输入了一个团队名称“团队名称”，javascript 文件使用这个文本框来存储一个团队的名称，以便打印一组锦标赛括号。

javascript 文件包含在我的文件中，<head> 因此它会在我实际在文本框中输入数据之前加载。我在 html 中有一个按钮的代码，如下所示：

script(type='text/javascript')
    $('#buttontest').click(function() {
        $('div.bracket').show();
        $('div.teamList').hide();
    });

因此，当按下按钮时，文本框全部隐藏，并且应该出现带有用户定义团队名称的括号......这是我的 javascript 文件末尾的代码：

$(function() {
    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});

所以在 div.bracket 我有 javascript 使用的类 #singleElim8 。但是我将如何更改它，以便这个用于初始化括号的 javascript 仅在单击按钮后运行？这样，括号在文本框被填充后呈现。任何帮助表示赞赏。

4

2 回答 2

10

只需使用getScriptjQuery的方法

非常容易使用

$( '#buttontest' ).on( 'click', function() {
    $.getScript( 'url to your js file', function( data, textStatus, jqxhr ) {
        // do some stuff after script is loaded
    } );
} );
于 2012-12-21T16:58:56.910 回答
3

当您将函数作为参数传递给 jQuery 时，它将在 document.ready() 期间执行该函数。它允许您的页面在执行它们之前加载所有脚本。

$(function() {
    $('#buttontest').click(function() {
        $('div.bracket').show();
        $('div.teamList').hide();
    });

    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});
于 2012-12-21T16:34:29.023 回答