jquery - Jquery Mobile 可折叠事件未触发

Question

我想做类似的事情：JQuery-Mobile collapsible expand/collapse event

我无法让它工作！即使我复制代码并将其放入我的网站，点击可折叠后也没有任何反应。

<div data-role="page" id="test">
    <div data-role="collapsible" id="my-collaspible">
        <h3>My Title</h3>
        <p>My Body</p>
    </div>
</div>

这是js代码：

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

有什么建议吗？我不知道问题可能出在哪里！

Answer 1

这是前：http://jsfiddle.net/quangtuyn/s4k7d/

你可以检查agian

希望它对你有用

Answer 2

是错字吗？“我的可折叠”？尝试将标记和 jquery 选择器中的 ID 更改为正确的拼写

Answer 3

也许你需要使用折叠事件

$("#my-collaspible").trigger("collapse");

并展开活动

$("#my-collaspible").trigger("expand");

Answer 4

您需要找到 Jquery UI 绑定到的元素。

$("[data-role*='collapsible-set']").bind('expand', FixJQueryMobileUIFails)

function FixJQueryMobileUIFails(element) {
    StraightenColumnsforQueryUIHeaders(element);
    StraightenCornerNextToHeaderInLastTreeElement(element);
    RoundBottomCornerInLastTreeElement(element);
 }