bouton désactivé cache-tête lorsque vous cliquez dessus

Question

Je vais avoir un problème très étrange ...

Lorsque je clique sur un bouton qui est désactivé, les rouleaux d'en-tête en haut ... (démo ci-dessous)

Pourquoi cela arrive?

Demo

Voici le code:

<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

il suffit d'ajouter data-tap-toggle="false" à la div d'en-tête et le problème disparaîtra! Parce que lorsque les boutons sont désactivés, le clic déclenchera l'événement tap. Une fois que l'événement Tap est déclenché, il affichera/cachera l'en-tête.