使用javascript创建多步模式

我想用这个创建一个多步模态

问题是我的模态不是步骤，而是在同一页面中。

如果我直接放置html但是当我创建这个html时它不起作用。 我认为它与javascript生成有关。 我在这里想念的是什么？

$("body").on('click', '#btnSubmit', function(e) { var testCaseNames = ['test1', 'test2']; var inputs = ['test3', 'test4']; //Modal var modal = '
'; $('#modalDiv').empty().append(modal); $.each(testCaseNames, function(key, value) { console.log(key + ": " + value); console.log(inputs); //Headers $('.modal-header').append('
' + value + '
'); //Body $('.modal-step-body').append('
'); $.each(inputs, function(index, input) { console.log(input); $(".modal-body.step.step-" + key).append(input); }); //Footer Buttons $('.modal-footer').append('Close
'); $('.modal-footer').append('Continue'); }); }); sendEvent = function() { $('#creationModal').trigger('next.m.2'); }; 

     Create