触发jQuery显示焦点不在移动设备上

Question

当我关注一个显示 'other' 的复选框时，我会触发显示一个文本区域，因此用户只有在从其他复选框中单击该选项时才需要它。 (http://air.abricot-production.com/alliance-of-independent-restaurants/restaurant-membership-application.html)。

    <script>
    $(document).ready(function(){
        $(".BusTypeOtherTextArea").hide();
            $(".BusTypeOther").focus(function () {
                $(".BusTypeOtherTextArea").show("fast");
                return false;
            });
        });
    </script> 

focus 在台式机上可以正常工作，但在移动设备上不行？如果我使用 click 它适用于两者，但不会选中复选框。如何使这项工作适用于移动设备？

Answer 1

我认为一个解决方法，我认为它应该是这样的：

$('.checkBox').click(function(){
  if($(this).prop('checked')) {
    // show textarea
  } else {
    // hide
  }
});

我建议不要使用焦点，尤其是在您在移动（平板电脑/手机）设备中没有此手势的情况下。

Answer 2

此解决方案有效：

$(document).ready(function(){
    $(".BusTypeOtherTextArea").hide();
        $(".BusTypeOther").one('click focus', function() {
            $(".BusTypeOtherTextArea").show("fast");
            return false;
        });
    });