我在网上搜索,但不幸的是,没有为我工作。如何回应“shown.bs.collapse”事件?
我尝试了许多不同的方式来响应“shown.bs.collapse”事件,但它从不会触发。
我试图通过‘#divi’取代“.collapse”,或改变的情况下从底部到顶部结合的地方,但没有做到了。
这里是我当前的代码:
<button data-toggle="collapse" data-target="#divi">Click</button>
<div id="divi" class="collapse">
Masqued
</div>
<script>
$(".collapse").on("shown.bs.collapse", function() {
alert("test");
});
</script>
我只是写了一个新的简单的HTML文件感谢Jaganathan Bantheswaran的答案:
<script>
$(".collapse").on("shown.bs.collapse", function() {
alert("test");
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<button data-toggle="collapse" data-target="#divi">Click</button>
<div id="divi" class="collapse">
Masqued
</div>
而且它不工作了。
什么是想干什么?这是一个标签的HTML? –
我想在用户完成折叠元素的打开时动态更改内容 –
为什么不使用引导选项卡? –