如何用jquery控制响应模板

how to control responsive template with jquery?

本文关键字：响应 控制 何用 jquery      更新时间：2023-09-26

我制作了两页索引页，一页是普通页（无响应），另一页是移动平板电脑的响应视图。现在我想在媒体屏幕小于1000时显示第二个一页。我写了jquery脚本

<script type="text/javascript">
<!--
if (window.screen.width < 1000){
document.location = "mobile-resposive.html";
}
//-->
</script>

但它不起作用。我必须做的事。请告诉我我缺了什么？我想为每台平板电脑和手机显示此页面。

根据您的要求，我更喜欢使用媒体查询，但如果您想使用Jquery，则：

尝试$(window).width()，如图所示：-

<script type="text/javascript">
 $(document).ready(function(){
   if ($(window).width() < 1000){
     document.location = "mobile-resposive.html";
   }
 });
</script>

此处显示了window.screen.width和$(window).width()之间的区别（单击此处）

注意：-建议始终使用window.location，而不是document.location

相关文章：