从Bootstrap 4崩溃事件中,是否可以提取隐藏/显示的元素?

时间:2018-07-29 22:31:48

标签: javascript bootstrap-4

我想为Bootstrap 4手风琴添加一些附加功能,并正在考虑使用其事件(https://getbootstrap.com/docs/4.0/components/collapse/#events)。但是,从他们的例子来看,

$('#myCollapsible').on('hidden.bs.collapse', function () {
  // do something…
})

似乎没有信息传递给回调函数。

我想知道哪些元素已显示或隐藏。我是否正确理解使用.bs.collapse事件无法做到这一点?

2 个答案:

答案 0 :(得分:0)

http://api.jquery.com/Types/#Event看来,显示/隐藏的元素在回调函数中可以简单地以this的形式访问。调试器的一个小实验表明确实是这样:

enter image description here

答案 1 :(得分:0)

这是比赛的后期,但也许有人会受益。对于这4个事件中的任何一个,您都应该能够执行类似的操作(在这种情况下,我希望显示的元素的 id

$('#accordionProperty').on('shown.bs.collapse', function (e) {
    CallingSomeFunctionOfMineWithId(e.target.id);
})

对于隐藏的

$('#accordionProperty').on('hidden.bs.collapse', function (e) {
    CallingSomeFunctionOfMineWithId(e.target.id);
})

希望这会有所帮助。