jquery mobile collapsible-set在崩溃时执行jquery函数

时间:2014-09-26 08:26:05

标签: jquery html jquery-mobile

我正在尝试对jquery mobile collapsible-set的崩溃/扩展实施一个动作。我正在运行jquery.mobile-1.4.4和jquery-1.11.0。

我已经在小提琴上发布了代码以测试它是否有效,但事实并非如此。此功能适用于旧版本的jquery mobile和jquery。

http://jsfiddle.net/6txWy/

HTLM:

<div id="football" data-role="collapsible-set">

<div data-role="collapsible" data-collapsed="false">
<h3>Section 1</h3>
<p>I'm the collapsible set content for section 1.</p>
</div>

<div data-role="collapsible">
<h3>Section 2</h3>
<p>I'm the collapsible set content for section 2.</p>
</div>

JS:

$('#football').bind('expand', function () {
alert('Expanded');
}).bind('collapse', function () {
    alert('Collapsed');
});

有没有人知道如何实现我想要做的事情?

提前致谢!

1 个答案:

答案 0 :(得分:2)

自jQuery Mobile 1.4起,expandcollapse事件已弃用,并替换为collapsibleexpandcollapsiblecollapse

$(document).on("pagecreate", "#pageID", function () {
   $(".selector").on("collapsibleexpand collapsiblecollapse", function () {
      /* code */
   });
});
  

<强> Demo