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 touch punch库。＆＃34; jQuery UI Touch Punch是一个小型黑客，可以使用jQuery UI用户界面库在网站上使用触摸事件。 ＆＃34;

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

jquery：html表单输入无法在触摸设备上运行

1 个答案: