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

Question

我有一个很奇怪的问题...

当我点击一个被禁用的按钮时，标题会向上滚动......(下面的演示)

为什么会发生这种情况？

Demo

这是代码:

<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事件被触发，它将显示/隐藏标题。