html表单输入不能在触摸设备上工作

jquery:html form inputs not working on touch device

本文关键字:工作 触摸 表单 输入 不能 html      更新时间:2023-09-26

我有一个问题的形式

我的表单不能在平板电脑上工作&手机测试三星SM-T211

它在PC浏览器上运行良好,如firefox - chrome

请问有什么问题

这里是问题演示

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') ;
            })

    } ) ;

谢谢

既然你正在使用jquery,你可能需要使用jquery的UI触摸打孔库。jQuery UI Touch Punch是一个小hack,可以在使用jQuery UI用户界面库的网站上使用触摸事件。"

可以在这里找到http://touchpunch.furf.com/