Javascript 无法捕获引导上的单击事件
我正在使用引导将数据绑定到表,然后尝试捕捉手风琴表演事件。然后,我的计划是让divid调用ajax调用,以获取关于该项的更多信息 到目前为止,我还没有这样的运气我的桌子是这样建造的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>
<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);
});
});