jquery:html表单输入在触摸设备上不起作用

Question

我对表单有一个问题

我的表单在三星SM-T211上测试的平板电脑和移动设备上不起作用

它在firefox - chrome等pc浏览器上运行良好

请问有什么问题？

下面是问题演示

http://th-elsharqya.com/new/admin/

下面是表单的jquery代码

    $(document).ready( function() {
            $( 'form' ).submit( function(){
               var o = $(this) ;
               var l = o.attr('action') ;

               $.post( l , o.serialize() , function(d){
                     if( d == 1 || d == '1' ) {
                        $('#ajaxresult').attr('class' , 'success').text('تم تسجيل الدخول بنجاح') ;
                        o.attr('class' , 'form-signin animated s2 flash') ;
                        setTimeout( function(){
                             $(window.location).attr("href", "index.php")  ;
                        } , 3000 ) ;
                     } else if( d == -1 || d == '-1' ) {
                        $('#ajaxresult').attr('class' , 'warning').text('حقل اسم الدخول فارغ') ;
                        o.removeAttr('class').attr('class' , 'form-signin animated s1').delay(100).addClass('shake') ;
                     } else if( d == -2 || d == '-2' ) {
                        $('#ajaxresult').attr('class' , 'warning').text('حقل كلمه السر فارغ') ;
                        o.removeAttr('class').attr('class' , 'form-signin animated s1').delay(100).addClass('shake') ;
                     } else {
                        $('#ajaxresult').attr('class' , 'error').text('عفوا بيانات الدخول خاطئه') ;
                        o.removeAttr('class').attr('class' , 'form-signin animated s1').delay(100).addClass('shake') ;
                        console.log( d ) ;
                     }
               } ) ;

               return false ;
            } ) ;

            setTimeout(function(){
               $('#logo img').removeClass('rotateInDownRight').addClass('wiggle');
               $('#logo h1').removeClass('fadeInLeftBig').addClass('swing loop s3');
            } , 2000);

            $('#logo img').hover(function(){
              $(this).removeClass('wiggle').addClass('shake') ;
            },function(){
              $(this).removeClass('shake');
            });

            $('#ajaxresult').click(function(){
              $(this).addClass('hide') ;
            })


    } ) ;

谢谢

Answer 1

由于您使用的是jquery，因此可能需要使用jquery UI触摸打孔库。"jQuery UI触摸屏是一种小技巧，它允许在使用jQuery UI用户界面库的站点上使用触摸事件。“

可在此处找到http://touchpunch.furf.com/