장애인 버튼 헤더를 숨 깁니다

나는 아주 이상한 문제에 봉착

나는 비활성화 된 버튼을 클릭하면, 최대 (데모 아래) 헤더 스크롤

왜 이 일이 일어날까요?

<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");

출처

2013-05-06 amp

죄송합니다. Firefox 또는 Chrome에서 문제가 보이지 않습니다. 데모에서 어떻게 테스트 할 수 있습니까? – Gajotres

헤더에'.ui-fixed-hidden' 클래스를 추가합니다. – Omar

@Gajotres JsFiddle의 결과 패널이 너무 커서 scrool을하지 않아도됩니다 ... 결과 패널의 높이를 낮추고, 아래로 스크롤하여 버튼을 클릭하십시오. – amp

그냥 헤더 DIV에 data-tap-toggle="false"을 추가하고 문제가 사라지고 :

다음 Demo

코드입니다! 버튼이 비활성화되면 클릭은 tap 이벤트가됩니다. Tap 이벤트가 트리거되면 헤더가 표시/숨겨집니다.

출처

2013-05-06 15:12:39 Omar

감사합니다! 그것은 문제를 해결 ...하지만 그들이 왜 관련이 있는지 이해가 안돼 ... 내 의견으로는, 버튼을 비활성화하면 헤더에 간섭해서는 안됩니다. 왜 이런 일이 일어 났는지 설명해 줄 수 있니? 다시 한 번 감사드립니다! – amp

클래스에'.ui-disabled' 클래스를 추가하고, 다른 모든 레이어를 위에 올리는'z-index : 1'을 추가하십시오. 고정 된 헤더는 콘텐츠 div를 탭하면 기본적으로 전환 할 수 있습니다. 따라서 비활성화 된 버튼을 클릭하면 내용 div의 'z-index'가 높아 지므로 실제로 'Tap'이벤트가 트리거됩니다. 'data-tap-toggle = "false"를 추가하면 헤더가 전환됩니다. @amp – Omar

Perfect;) 이제 이해합니다 ... – amp

장애인 버튼 헤더를 숨 깁니다

답변

관련 문제