2013-12-19 68 views
1

我使用這個插件中的一個項目:iOS Checkboxes專注於iOS的複選框的jQuery插件元素

問題是,我不知道它提供了一個類或者一些焦點風格的開箱(帶導航時鍵盤)以便給用戶一個視覺線索。

即使你嘗試在插件的頁面標籤,導航,正集中在那些iphone複選框元素不會得到任何與衆不同的外觀(我假設他們專注,因爲如果你打空格鍵,它們的功能被觸發)

有沒有人有任何這個插件的經驗或有任何想法如何重點看起來可以實施?

回答

1

我發現的唯一方法是在樣式化複選框上添加一個焦點/模糊處理程序,以在當前的焦點元素上設置一些樣式。

代碼:

$(document).ready(function() { 
    $(':checkbox').iphoneStyle(); 

    $(':checkbox').on('focus', function() { 
     $(this).closest('.iPhoneCheckContainer').addClass('focusContainer'); 
    }) 
    $(':checkbox').on('blur', function() { 
     $(this).closest('.iPhoneCheckContainer').removeClass('focusContainer'); 
    }) 
}); 

演示:http://jsfiddle.net/IrvinDominin/g24Qp/