ブートストラップ "hidden.bs.collapse"が自分の関数を呼び出さない

Question

ブートストラップのトリガイベントに問題があります。 私のコンテンツが隠されたり表示されたりしてから、関数を呼び出そうとしています。

私の検索後、私はこの解決策を見つけたが、それはまだ動作しません：

widget-box

$(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"); 
    }) 
}); 

がcollapsedクラスを得るものです。

widget-bodyは、表示/非表示になります。

SearchFormは、表示されないwidget-bodyの内容です。

この3つの機能のいずれも警告を表示しません。私は間違って何をしていますか？

Answer 1

外部のjavascriptファイルを使用します。あなたのjQueryコードを外部のjavascriptファイルに書き込んで、その外部のjavascriptファイルをscriptタグを使ってhtmlファイルにリンクしてみてください。