单击按钮后加载javascript文件

ger*_*lol 2 javascript jquery onload

我试图使用一组文本框来定义JavaScript文件中的一些数据.因此,在文本框中输入团队名称"团队名称",javascript文件使用此文本框存储团队名称以打印一组锦标赛括号.

javascript文件包含在我<head> 的文件框中,所以它在我实际输入数据之前加载.我有这个代码用于html中的按钮,如下所示:

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

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

$(function() {
    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});
Run Code Online (Sandbox Code Playgroud)

所以在div.bracket中我有javascript使用的类#singleElim8.但是我如何更改它以便初始化括号的javascript仅在单击按钮后才会运行?这样,括号在填写文本框之后呈现.任何帮助表示赞赏.

buk*_*art 10

只需使用jQuerygetScript方法

它非常易于使用

$( '#buttontest' ).on( 'click', function() {
    $.getScript( 'url to your js file', function( data, textStatus, jqxhr ) {
        // do some stuff after script is loaded
    } );
} );
Run Code Online (Sandbox Code Playgroud)