单击时，禁用按钮隐藏标题

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