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

Question

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

Answer 1

经过一番研究后,我终于找到了答案.将它发布在这里希望它对任何试图将手风琴变成巫师的人都有帮助.

我的可折叠设置如下:

 <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,但这些都没有.显然返回false会做一些额外的工作以及那两个.

编辑:我发现这可以在浏览器中使用,但不会阻止它在移动设备上,为了防止它在移动设备上你还必须捕获点击事件,但要小心,你必须在标题上做而不是整个可折叠或者可折叠的任何元素(如按钮)也不会注册.这是我使用的代码:

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

Answer 2

更改

<div data-role="collapsible">

至

<div data-role="collapsible" class="ui-disabled">

我会以图形方式和功能方式禁用标题.

见http://jsfiddle.net/NY63z/