在这种情况下，如何捕获 Jquery 可折叠单击事件

Question

我有Jquery data-role="collapsible"这种方式

<div role="main" class="ui-content oms-content">
    <div class="myactivelabelsWrap" id="result">
        <div data-role="collapsible" class="my-collaspible" data-inset="false" class="ui-collapsible ui-collapsible-themed-content">
             <h3 class="ui-collapsible-heading"><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-inherit ui-icon-minus">Haii <a class="icon-pencil-1 labelEditIcon ui-link"></a><span class="ui-collapsible-heading-status"> click to collapse contents</span></a></h3>
            <div class="ui-collapsible-content ui-body-inherit" aria-hidden="false"></div>
        </div>
    </div>
    <div class="row">
        <button class="btn btn-a ui-btn ui-shadow ui-corner-all">Create New Label</button>
    </div>
</div>
$('.my-collaspible').on('collapsibleexpand', function () {
    alert('Expanded');
});
$('.my-collaspible').on('collapsiblecollapse', function () {
    alert('Collapsed');
});

你能告诉我如何为此捕获可折叠点击事件吗？

这是我的杰斯菲琴。

http://jsfiddle.net/znz17ctm/3/

（我正在通过JS动态构造此HTML，所以我想我应该使用$(document).on但不确定的事件）。

Answer 1

我稍微改变了你的代码。文档.ready修复了您现在发布的内容。

$(document).ready(function(){
    $('.my-collaspible').on('collapsibleexpand', function () {
        alert('Expanded');
    });
    $('.my-collaspible').on('collapsiblecollapse', function()
    {
        alert('Collapsed');
    });
});

http://jsfiddle.net/znz17ctm/4/