移动响应表单不起作用

mobile responsive form not working

本文关键字：不起作用 表单 响应 移动      更新时间：2023-09-26

在我的移动响应式网站注册页面上，注册表从其在PC上的原始位置移动到电话/移动设备上的不同位置。重新定位的表单不起作用（我无法输入值或文本）

（在iPhone 5和其他手机上工作正常，苹果手机6上的chrome除外）

<script type="text/javascript">
$(document).ready(function(){
	if ($(window).width() <= 767){	
		$('#side-content').insertAfter('#mobilePos').css;
	} else {
		$('#side-content').insertAfter('#desktopPos').css;
	}
});
$(window).resize(function(){
	if ($(window).width() <= 767){	
		$('#side-content').insertAfter('#mobilePos').css;
	} else {
		$('#side-content').insertAfter('#desktopPos').css;
	}
});
</script>

我认为您只想移动表单。所以只需把它和这个代码放在一起。

$（'#side-content'）.insertAfter（'#mobilePos'）;

css 函数仅用于使用 jquery 设置元素样式。

中医网.

使用以下代码： 

$(document).ready(function(){
    $(window).load(function(){
    if ($(window).width() <= 767){  
      $('#side-content').insertAfter('#mobilePos');
    } else {
      $('#side-content').insertAfter('#desktopPos');
    }
  });
  $(window).resize(function(){
    if ($(window).width() <= 767){  
      $('#side-content').insertAfter('#mobilePos');
    } else {
      $('#side-content').insertAfter('#desktopPos');
    }
  });
});

使用 css 媒体查询 

 @media (min-width: 768px) and (max-width: 1100px) {
     User Css Code For min - desktop Screen resolution
 }

 @media (min-width: 480px) and (max-width: 767px) {
     User Css Code For Tab Screen resolution
 }

移动屏幕也是如此，你想要任何其他屏幕，如智能电视等等。

相关文章：