Question

大家好，我正在动态创建一个复选框列表，其中包含使用JavaScript的html页面主体中的JavaScript，它以电子形式运行。

但是我检查从here得到的父树项的jQuery代码只有在我添加调试器时才能正常工作;在<script> $(window).on('load', function (e) { $('input[type=checkbox]').click(function(){ if(this.checked){ $(this).parents('li').children('input[type=checkbox]').prop('checked',true); } $(this).parent().find('input[type=checkbox]').prop('checked',this.checked); }); }); </script>

之后

jQuery代码：

            document.getElementById('list').innerHTML='<ul id="file" class="tree"></ul>';
        scan.filesscan('tests', files => {
               files.forEach(function(file, j) {
                   suites = pr.parseFile('tests',file, suite =>{
                       document.getElementById('file').innerHTML+='<li><input type="checkbox" id="' + j +'" name="files" value="' + file + '">' + file + '<ul id="'+file+'" class="tree"></ul></li>';
                       document.getElementById(file).innerHTML+='<li><input type="checkbox" id="' + j + '" name="suite" value="' + suite.name + '">' + suite.name + '<ul id="'+suite.name+'"></ul></li>';
                       for (let i = 0; i < suite.tests.length; i++) {
                           document.getElementById(suite.name).innerHTML+='<li><input type="checkbox" id="' + j + '" name="'+suite.name+'" value="' + suite.tests[i] + '">' + suite.tests[i] + '</li>';                           
                        }
                   });  
                });
        });

示例用于创建列表的Javascript代码：

{{1}}

如前所述，代码工作正常，但只有在我有调试器时;在window.on加载后这显然是一个时间问题，我将如何解决这个问题？

动态创建的列表抛出了用于选择多个复选框的jQuery脚本

0 个答案: