我希望能够禁用集合中的打开/关闭可折叠元素,而是用户将单击打开元素内部的继续按钮,该按钮将进行验证,然后在准备好时打开下一个元素。我基本上使用可折叠集作为向导。我一直在搜索文档,并找到了在崩溃发生时可以捕获事件的位置,但我找不到如何取消它。任何建议,或其他向导类型控件的建议,可以完成我正在谈论的事情,我将不胜感激!
最佳答案
经过一番研究,我终于找到了这个问题的答案。将其发布在这里希望对任何试图将 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;
});
关于jQuery Mobile - 禁用单击可折叠标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13057003/