我有一个简单的可折叠组件,是用 jquery mobile 制作的。我如何禁用可折叠标题中的按钮,该按钮用于展开折叠可折叠?我想禁用它,仍然能够以编程方式折叠/展开。整个事情是为了防止用户折叠/展开,以便对可折叠对象是否展开的时刻进行完整的编程控制。
<div data-role="collapsible" data-collapsed="true" id="d27" name="d27" class="ui-block-a">
<h4></h4>
<div class="ui-block-a">
<legend>D27: Question?</legend>
</div>
<div class="ui-block-b">
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="radio" name="nameHere" id="si27" value="1" />
<label for="si27">Sì</label>
<input type="radio" name="nameHere" id="no27" value="0" checked="checked" />
<label for="no27">No</label>
</fieldset>
</div>
</div>
我指的是这个按钮:
最佳答案
要阻止点击工作但保持能够触发展开,请使用此 jquery:
$(document).ready(function () {
$("#d27 h4").click(function (event) {
return false;
});
});
这只适用于浏览器,为了防止在移动设备上出现这种情况,您还必须捕获点击事件。
$("#d27 h4").on("tap", function (event, ui) {
return false;
});
希望对你有帮助。
关于jquery - 如何在 jQuery Mobile 中禁用可折叠的标题按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18889223/