Bootstrap「hidden.bs.collapse」不會調用我的功能

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的內容dis//出現。

這3個功能都沒有告訴我警報。我究竟做錯了什麼？

Answer 1

使用外部JavaScript文件。嘗試將jQuery代碼寫入外部JavaScript文件，並使用腳本標記將該外部JavaScript文件鏈接到您的html文件。