jquery-mobile - 禁用按钮单击时隐藏标题

Question

我有一个非常奇怪的问题...

当我单击禁用的按钮时，标题会向上滚动...（下面的演示）

为什么会这样？

演示

这是代码：

<div data-role="page" data-theme="b" @TempData["DataUrl"]>
<div data-role="header" data-position="fixed">
    MyApp
</div>
<div data-role="content">
    <div style="height:300px">Content</div>
        <div class="controlGroupButtons" data-role="controlgroup">
            <a class="Button1" data-role="button">Marcar</a>
            <a class="Button2" data-role="button">Desmarcar</a>
        </div>
    </div>

$(".Button1, .Button2").buttonMarkup().addClass("ui-disabled"); 

Answer 1

只需添加data-tap-toggle="false"到标题 div，问题就会消失！因为当按钮被禁用时，点击会触发tap事件。一旦Tap触发事件，它将显示/隐藏标题。