Question

我有这个小的脚本，可以在初始页面加载时正常工作。我在页面顶部有一个菜单。当我转到网站上的另一个页面并使用“后退”按钮返回首页时，脚本仍然有效并加载文件。但是，当我使用返回此页面的链接时，不会加载PHP文件。请任何人提供建议。

$(window).ready(function () {
  if (screen.width < 1024) {
    $('#place_holder').load('small.php');
    return false;
  } 

  if (screen.width > 1024) {
    $('#place_holder').load('desktop-wide.php');
    return false;
  } 

  if (screen.width = 1024) {
    $('#place_holder').load('desktop-small.php');
    return false;
  }
});

Answer 1

您正试图通过客户端加载php文件，这是不可能的。

您可以根据屏幕尺寸添加新的CSS文件

if (screen.width < 1024) {
  $("<link rel='stylesheet' href='style.css'>").appendTo("head");
}

但这不是一个好习惯！

相反，您必须在标头中使用链接标记规则集，就像这样

<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="style1024.css" />

然后，您当然要创建一个style1024.css，其中包含要应用于1024个屏幕的CSS规则

或者使用样式表文件中的@media CSS媒体查询规则。

 @media (max-width: 1024px) {
    .mydiv {
     background-color:#333;
   }
 }

检查此文档以获取有关css media queries的更多信息

链接回到页面后，jQuery load（）无法加载

1 个答案: