单击按钮后加载javascript文件

Question

我试图使用一组文本框来定义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仅在单击按钮后才会运行？ 这样，括号在填写文本框之后呈现。任何帮助表示赞赏。

Answer 1

只需使用jQuery的getScript方法

它非常易于使用

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

Answer 2

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

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

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

单击按钮后加载javascript文件

问题描述

2 个解决方案

解决方案1
10 已采纳 2012-12-21 16:58:56

解决方案2
3 2012-12-21 16:34:29

单击按钮后加载javascript文件

问题描述

2 个解决方案

解决方案1 10 已采纳 2012-12-21 16:58:56

解决方案2 3 2012-12-21 16:34:29

解决方案1
10 已采纳 2012-12-21 16:58:56

解决方案2
3 2012-12-21 16:34:29