html表单输入不能在触摸设备上工作
jquery:html form inputs not working on touch device
我有一个问题的形式
我的表单不能在平板电脑上工作&手机测试三星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/
相关文章:
- 禁用触摸设备上的单击链接未按预期工作
- 你如何让mootools拖放与触摸一起工作
- 触摸事件对位置:固定;元素在 iOS 上无法正常工作
- 尝试使 CSS3 聚光灯效果与触摸事件一起工作
- 溢出:自动无法在触摸设备(iOS)中工作
- iPhone谷歌图像搜索触摸事件功能是如何工作的
- 触摸启动事件未在原来隐藏的按钮上工作
- 触摸API(如touchstart)不能在MS Edge中工作
- 触摸事件是否与SVG一起工作
- 鼠标移动到触摸移动不工作
- JS:事件如何?触摸属性工作
- 如何让fabricJS与触摸事件一起工作
- 触摸事件不能在android上工作
- 为什么我YUI滑块上的触摸事件突然停止工作?
- 基础5轨道点击不触发触摸设备-链接不工作
- 触摸结束事件不正常工作在铬
- html表单输入不能在触摸设备上工作
- “next"和“;previous"按钮不能在这个触摸滑块插件中工作
- 基本的触摸手势不工作,使用hammer.js
- 鼠标和触摸事件未按预期工作