2013-09-17 4 views
0

Я использую amazing Bootstrap switch buttons и не могу понять, почему флажки не работают должным образом на мобильных устройствах (протестировано на Android 4.0 и iPhone 3G). На самом деле они работают, но действие спусковой механизм, который отображает DatePicker не работает вообще :(Кнопки переключателя Bootstrap не работают на мобильных устройствах

Вот ссылка: 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 на рабочем столе, область датпикера появляется, когда вы нажимаете кнопку первого переключателя. Но этот переключатель не работает в мобильных браузерах.

Не могли бы вы выяснить, почему это происходит Что я делаю неправильно? Спасибо заранее!

+0

Работает отлично для меня на Nexus 4 работает Jelly Bean 4.3/Chrome 29 – Phil

+0

Да, кнопки переключателя работают. Но попробуйте щелкнуть первую кнопку swic на рабочем столе, и вы увидите всплывающее окно datepicker. На мобильном устройстве вы просто видите, как работает коммутатор, но ни один датапикер не появляется :( – Nekto

+0

Кажется, что решение найдено, глупая квадратная фигурная скобка :) Спасибо всем) – Nekto

ответ

1

Решение найдено, глупая незамкнутая квадратная скобка :) Спасибо всем!

Смежные вопросы