javascript - 如何通知可折叠的折叠

Question

我试图在可折叠展开和折叠时收到通知，但我似乎无法找到如何让它工作。

截至目前，我无法收到任何类型的通知。

有什么建议吗？

这是我的代码。

--导入jQuery

<script src="~/Scripts/jquery-2.0.3.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.3.min.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.0.min.js"></script>

--Jquery

$("#my-collaspible").collapsible({
    expand: function (event, ui) {    
        alert('Expanded');
    }
 });

--HTML

<div id="my-collaspible" data-role="collapsible-set" data-theme="b" data-content-theme="b">

<div data-role="collapsible" id="divAuto" title="Automation">
    <h3>Automation</h3>
    <article style="height:600px"></article>
</div>
<div data-role="collapsible" data-theme="a" data-content-theme="a" title="Collaboration">
    <h3>Collaboration</h3>
    <article></article>
</div>
<div data-role="collapsible" title="Accessibility">
    <h3>Accessibility</h3>
    <article></article>
</div>
<div data-role="collapsible" data-theme="a" data-content-theme="a" title="Company Management">
    <h3>Company Management</h3>
    <article></article>
</div>

Answer 1

将事件监听器绑定(bind)到展开事件:

$( ".selector" ).on( "collapsibleexpand", function( event, ui ) {
    console.log(event);
} );

应用程序接口(interface):event-expand