jquery - 关注 iOS Checkboxes jquery 插件元素

Question

我在一个元素中使用这个插件:iOS Checkboxes

问题是，我不确定它提供了一个类或一些开箱即用的焦点样式(当使用键盘导航时)以便为用户提供视觉线索。

即使您尝试在插件页面中使用 tab 键导航，那些 iphone 复选框元素在聚焦时也不会获得任何独特的外观(我假设它们聚焦是因为如果您按下空格键，它们的功能就会被触发)

有没有人对这个插件有任何经验或知道如何实现焦点外观？

Answer 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/