Iphone上的Sencha觸摸複選框問題

我在我的sencha應用程序中出現奇怪的錯誤，它只出現在iPhone上。Iphone上的Sencha觸摸複選框問題

iPhone checkbox issue

複選框本身並不適用於全框，只有白色的部分是可以點擊。我似乎無法找到任何人有這個相同的問題，所以我只能假設我寫的代碼有問題。

   { 
       xtype: 'checkboxfield', 
       name: 'tos', 
       label: 'I accept the terms of service & privacy policy*', 
       id:'tos', 
       checked: false, 
       listeners: { 
        check: function() { 
         $(this.fieldEl.dom).attr('value' , 'checked'); 
        }, 
        uncheck: function(){ 
         $(this.fieldEl.dom).attr('value' , '');        
        } 
       } 
      },

如果您發現任何可能導致此問題的信息，請讓我知道。

來源

2012-01-27 Xenology

相關標記和CSS如何？也可以嘗試document.getElementById（'tos'）。checked = true;查看attr調用是否無效。 console.log（this.FieldEl.dom）輸出了什麼？ – 2012-01-27 19:16:43

我知道聽衆正在工作，因爲其他部分的依賴屬性。 – Xenology 2012-01-27 19:52:30

我剛剛證實同樣的問題發生在Safari上，所以希望能夠讓我對如何解決這個問題有所瞭解 – Xenology 2012-01-27 20:59:03

這個問題有一個答案 - Sencha Touch checkboxfield has funky layout with long label

它幫助我，應該可以幫助您。

來源

2012-02-21 12:09:05

我與1.1.1完全相同的問題 - 在鉻，破碎的iPad，iPhone，Safari瀏覽器。

要重現此操作，請創建一個具有多行標籤的複選框。

<div id="ext-comp-1006" class=" x-field concern_select x-field-checkbox x-field-required x-label-align-left"> 
    <div class="x-form-label" id="ext-gen1019" style="width: 40%; "> 
    <span>This is a long multiline label, so why doesn't the next input match the size of this span?</span> 
    </div> 
    <input id="ext-gen1018" type="checkbox" name="17" class="x-input-checkbox" tabindex="-1" value="">

來源

2012-02-17 01:47:20 Matt

Iphone上的Sencha觸摸複選框問題

回答

相關問題