2017-01-16 73 views
0

我的bootstrap的触发事件有问题。 我尝试在隐藏或显示内容后调用一个函数。Bootstrap“hidden.bs.collapse”不会调用我的功能

我的搜索后,我发现这个解决方案,但它并没有工作:

$(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是显示/隐藏的人。

SearchFormwidget-body的内容dis//出现。

这3个功能都没有告诉我警报。我究竟做错了什么?

+0

你有第一个事件来启动它吗?像这样[示例w3schools.com](http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_ref_js_collapse_events&stacked=h) – MarioZ

回答

-1

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

+0

您能否在此发布您的html代码? –