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

这是一个错字吗？ “我-collaspible”？尝试将标记和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);
 }

Jquery Mobile可折叠事件未触发

4 个答案: