我正在尝试对jquery mobile collapsible-set的崩溃/扩展实施一个动作。我正在运行jquery.mobile-1.4.4和jquery-1.11.0。
我已经在小提琴上发布了代码以测试它是否有效,但事实并非如此。此功能适用于旧版本的jquery mobile和jquery。
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');
});
有没有人知道如何实现我想要做的事情?
提前致谢!
答案 0 :(得分:2)
自jQuery Mobile 1.4起,expand
和collapse
事件已弃用,并替换为collapsibleexpand
和collapsiblecollapse
。
$(document).on("pagecreate", "#pageID", function () {
$(".selector").on("collapsibleexpand collapsiblecollapse", function () {
/* code */
});
});
<强> Demo 强>