Bootstrap "hidden.bs.collapse" не вызывает мою функцию

Question

У меня возникла проблема с триггер-событием бутстрапа. Я пытаюсь вызвать функцию после того, как содержимое было скрыто или показано.

После моего поиска я нашел это решение, но пока не работает:

$(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-файлом с помощью тега script.