Question

我有一个动态内容的div。

<div id='data'></div>

div内部是一个带有类的表。

<table class="table table-hover table-expandable table-striped">

'table-expandable'使用此js文件执行

<script src="<?php echo base_url();?>assets_d/expand/bootstrap-table-expandable.js"></script>

页面刷新时工作正常，但是当我使用ajax

动态加载div时

 $(document.getElementById(data)).html(dynamiclyTable);

js文件上的

脚本不起作用，这是js文件上的脚本

(function ($) {
$(function () {
    var i=0;
    $('.table-expandable').each(function () {
        var table = $(this);
        i++;
        alert(i);
        table.children('thead').children('tr').append('<th></th>');
        table.children('tbody').children('tr').filter(':even').each(function () {
            var element = $(this);
            element.append('<td><div class="table-expandable-arrow"></div></td>');
        });
        table.children('tbody').children('tr').filter(':odd').hide();
        table.children('tbody').children('tr').filter(':even').on('click',function () {
               var element = $(this);
                element.next('tr').toggle('slow');
                element.find(".table-expandable-arrow").toggleClass("up");
        });

    }); 
});
})(jQuery);

有没有办法在div加载动态内容后调用js文件？感谢

0 个答案:

没有答案

JS文件在innerhtml中不起作用

0 个答案: