引导开关按钮在移动设备上不起作用

时间:2013-09-17 23:44:59

标签: jquery css twitter-bootstrap

我正在使用amazing Bootstrap switch buttons并且无法弄清楚为什么复选框在移动设备上无法正常工作(在Android 4.0手机和iPhone 3G上测试)。实际上它们正在工作,但显示日期选择器的触发操作根本不起作用:(

这是一个链接:http://decart-design.com/365direkte/html5/

这是这个切换按钮的JS代码:

$('#mobile-order-form #statsborger1 input[type="checkbox"]').bind('change', function(){
        if ($(this).is(":checked")) {
            $('#statsborger2').slideUp(200);

        } else {
            $('#statsborger2').slideDown(200).find('input').focus();
            var datepicker = $('#statsborger2 input[type="text"]').data('Zebra_DatePicker');
            datepicker.show();
        }
    });

正如您在桌面上浏览link above所看到的,当您单击第一个切换按钮时,会出现datepicker区域。但是这个开关在移动浏览器上不起作用。

你能不能弄清楚它为什么会发生以及我做错了什么? 提前谢谢!

1 个答案:

答案 0 :(得分:1)

找到解决方案,一个愚蠢的未封闭的方形支架:)谢谢大家!