javascript - 如何防止 jQuery Mobile 可折叠展开？

Question

我正在使用 JQM collapsibleset 小部件。

我需要一个可折叠的按钮(允许向集合/ Accordion 中添加更多元素)，因此当它被点击时，它不应展开(或折叠)。

我使用以下代码无济于事:

 $("div.ui-dynamic-tabs div.tab_add").on("collapsiblebeforeexpand", function (e) {

      e.stopPropagation();
      e.stopImmediatePropagation();
      e.preventDefault();
      return false;
      console.log("foo");
 });

我将 collapsibleexpand 和 collapsiblebeforeexpand 自定义事件添加到 JQM 以测试这是否有帮助。

我可以注册所有事件并返回 false 也可以防止控制台被触发。然而......可折叠仍然扩大...... :-(

我认为添加一个 beforeexpand 事件会阻止 JQM 中的后续代码在对该事件调用 preventDefault 时运行，但它仍然会执行。

问题:
如何通过阻止执行在扩展 javascript 运行之前触发的事件来阻止可折叠对象正确扩展？

PS:我还使用 jQueryUI 进行标记，因为 JQM 和 UI 使用相同的小部件工厂和事件机制。

Answer 1

在 jQuery Mobile 1.3.2 中，该事件称为 collapsibleexpand ，它的默认行为确实可以被阻止。

你只需要写:

$("div.ui-dynamic-tabs div.tab_add").on("collapsibleexpand", function(e) {
    e.preventDefault();
});