Bootstrap＆＃34; hidden.bs.collapse＆＃34;没有调用我的功能

Question

我确实遇到了bootstrap的触发器事件。 我的内容被隐藏或显示后，我尝试调用一个函数。

在我搜索之后，我找到了这个解决方案，但它还没有工作：

$(document).ready(function () {
   $('#widget-box').on('hidden.bs.collapse', function () {
       alert("hidden");
   })
   $('#widget-body').on('hidden.bs.collapse', function () {
       alert("hidden");
   })
   $('#SearchForm').on('hidden.bs.collapse', function () {
       alert("hidden");
   })
});

widget-box是获得collapsed课程的人。

widget-body是显示/隐藏的那个。

SearchForm是显示的widget-body的内容。

这3个功能都没有显示警报。我做错了什么？

Answer 1

使用外部javascript文件。尝试将jQuery代码写入外部javascript文件，并使用脚本标记将该外部javascript文件链接到您的html文件。