javascript - 使用开关添加 HTML block

Question

这是我试图在(jquery，html)中执行的操作:

目的是当我按下开关(基本/高级)时，将一个 html block 添加到现有的 html 中。在这个新 block 中，将有另一个开关(更少/更多)，它应该添加另一个 block 。

但是我似乎无法(更少/更多)切换到工作。事实上该函数根本没有运行。

(基本/高级)开关对应的功能是:

var selectInvestment = "basic";
function expandInvestment(){
    $("input[type=radio][name=expandInformation]").click(function(){
        selectInvestment = $(this).val();
       var huge = 'huge block of html code in here';
        if(selectInvestment == "advanced"){
            $('.investmentBlock').empty();
            $('.investmentBlock').append(huge);
            expandedExpenses();
        } else if(selectInvestment == "basic"){
            $('.investmentBlock').replaceWith("<...more html code...>");
        }
    });
}

对于 less/more 开关来说也是类似的。

这里是 jsfiddle 预览。 http://jsfiddle.net/1g6uraht/1/

Answer 1

由于您要动态添加新的单选按钮，因此需要使用 on

$("input[type=radio][name=expandedExpenses]").click(function(){

变成了

$("document").on('click', 'input[type=radio][name=expandedExpenses]', function(){

参见jquery on