jQuery Mobile - 禁用单击可折叠标题

Question

我希望能够禁用集合中的打开/关闭可折叠元素，而是用户将单击打开元素内部的继续按钮，该按钮将进行验证，然后在准备好时打开下一个元素。我基本上使用可折叠集作为向导。我一直在搜索文档，并找到了在崩溃发生时可以捕获事件的位置，但我找不到如何取消它。任何建议，或其他向导类型控件的建议，可以完成我正在谈论的事情，我将不胜感激!

Answer 1

经过一番研究，我终于找到了这个问题的答案。将其发布在这里希望对任何试图将 Accordion 变成巫师的人有所帮助。

我的可折叠是这样设置的:

 <div data-role="collapsible" data-collapsed="false" id="col1" >
     <h3>Title</h3>
     <p>
         <input type="text" />
         <input type="button" value="Next" onclick="nextClicked(1);" />
     </p>
 </div>

为了停止点击工作但保持能够触发展开，我使用这个 jquery:

$(document).ready(function () {
    $("#col1 h3 a").click(function (event) {
        return false;
    });
});

我曾尝试使用preventDefault和stopPropagation，但这些都没有成功。显然 return false 和这两个一样做了一些额外的工作。

编辑:我发现这在浏览器中有效，但不会在移动设备上阻止它，要在移动设备上阻止它，您还必须捕获点击事件，但要小心，您必须在标题上执行此操作，而不是整个可折叠项或可折叠项中的任何元素(例如按钮)也不会注册。这是我使用的代码:

$("#col1 h3").on("tap", function (event, ui) {
    return false;
});