Javascript 无法捕获引导上的单击事件

Javascript 无法捕获引导上的单击事件,javascript,jquery,ajax,twitter-bootstrap-3,Javascript,Jquery,Ajax,Twitter Bootstrap 3,我正在使用引导将数据绑定到表,然后尝试捕捉手风琴表演事件。然后,我的计划是让divid调用ajax调用,以获取关于该项的更多信息 到目前为止,我还没有这样的运气我的桌子是这样建造的 <table class="table table-condensed" style="border-collapse:collapse;"> <thead>

我正在使用引导将数据绑定到表,然后尝试捕捉手风琴表演事件。然后,我的计划是让divid调用ajax调用,以获取关于该项的更多信息

到目前为止,我还没有这样的运气我的桌子是这样建造的

<table class="table table-condensed" style="border-collapse:collapse;">
                                    <thead>
                                        <tr data-bind='foreach: headers'>
                                            <td data-bind='click: $parent.sort, text: title'></td>
                                        </tr>
                                    </thead>
                                    <tbody data-bind='foreach: packages'>
                                     <tr data-toggle="collapse" class="accordion-toggle" data-bind="attr: {'data-target': '#collapse-' + msg_id }">
                                            <td><button class='btn btn-success btn-6 btn-6g'
                                                    data-bind='text: msg_id'></button></td>
                                            <td data-bind='text: subject'></td>
                                            <td data-bind='text: sender_addr'></td>
                                            <td data-bind='date: created'></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                        <td colspan="5" class="hiddenRow">
                                                <div  class="accordian-body collapse"  data-bind="attr: { id: 'collapse-' + msg_id }">
                                            opened
                                            </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
})


去看比赛。我的视图模型是在页面加载时根据ajax请求构建的。任何帮助都会很好。

好的,我找到了为什么它不能像小提琴一样工作。jquery试图将事件绑定到尚未创建的表。它在等待一个ajax调用,然后是敲除viewmodel来构建表。当这一切发生后,我添加了一个按钮来再次运行jQuery事件绑定,这起了作用,我在手风琴上捕捉到了show事件。因此,我的解决方案是在ajax请求之后将jquery事件查找器移动到我的java脚本中。我实际上把它放在了AJAX请求的响应中。我现在可以赶上比赛了

抱歉,忘了说活动启动良好,手风琴显示如预期。我在您的标记中没有看到手风琴…我正在处理JSFIDLE上的一个示例。我添加了jquery,它可以工作并捕获我需要的元素id。但我的例子没有乐趣。所以你仍然有问题吗?是的,它没有被拾起。这是因为它是在Ajax调用构建表数据之前设置的吗?
$(document).ready(function() {

  ko.applyBindings(new PackagesViewModel()); 

  $(document).ready(function() {
         $('div').on('show.bs.collapsing', function (e) {
             alert("Event fired on " + e.currentTarget.id);
            });
    });