1

我希望能够禁用一组中的打开/关闭可折叠，而不是用户将单击打开元素内的继续按钮，该按钮将进行验证，然后在准备好时打开下一个元素。我基本上将可折叠套装用作向导。我一直在搜索文档，发现在崩溃发生时我可以在哪里捕获事件，但我找不到如何取消它。任何建议，或其他向导类型控件的建议，可以做我所说的，我将不胜感激！

4

2 回答 2

9

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

我的可折叠设备是这样设置的：

 <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;
});
于 2012-10-25T12:55:34.757 回答
6

改变

<div data-role="collapsible">

到

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

为我在图形和功能上禁用标题。

见http://jsfiddle.net/NY63z/

于 2013-12-17T10:23:51.507 回答