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

我改变了你的代码。该文件已经修复了您现在发布的内容。

$(document).ready(function(){

    $('.my-collaspible').on('collapsibleexpand', function () {
        alert('Expanded');

    });

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

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

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

1 个答案: