禁用的按鈕隱藏標題

當我點擊一個按鈕，被禁用，頭向上捲動...（演示下）

爲什麼這發生了嗎？

下面是代碼：

<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 2013-05-06 15:05:03

它向類頭添加'.ui-fixed-hidden'類。 – Omar 2013-05-06 15:12:03

@Gajotres也許你在JsFiddle中的結果面板太大，不需要scrool ...嘗試降低結果面板的高度，向下滾動並單擊按鈕... – amp 2013-05-06 15:15:10

只需添加data-tap-toggle="false"到標題股利和問題就會消失！因爲當按鈕被禁用時，點擊將觸發tap事件。一旦觸發了Tap事件，它將顯示/隱藏標題。

來源

2013-05-06 15:12:39 Omar

謝謝！它解決了問題......但我不明白他們爲什麼相關......在我看來，禁用按鈕不應該干擾標題。可以給我一些解釋爲什麼發生這種情況？再次感謝！ – amp 2013-05-06 15:25:17

將'.ui-disabled'類添加到一個元素，添加'z-index：1'，這使得所有其他層都高於它。當您在內容div上選中時，固定標題可以默認切換。所以當你點擊禁用的按鈕時，你實際上會觸發'Tap'事件，因爲內容div有更高的'z-index'。添加'data-tap-toggle =「false」'將停止切換標題。 @amp – Omar 2013-05-06 15:31:18

完美;）我現在明白了... – amp 2013-05-06 15:49:24

禁用的按鈕隱藏標題

回答

相關問題