【发布时间】：2013-08-27 13:25:33
【问题描述】：
我在 URL 中有一个名为 $cat（代表“类别”）的变量。
根据是“a”还是“b”，我使用链接交换样式表：
<?php
if($cat == "a") { ?>
<link rel="stylesheet" href="/css/styleA.css">
<?php }
elseif($cat == "b") { ?>
<link rel="stylesheet" href="/css/styleB.css">
<?php } ?>
styleA.css 将标题的background-color 设为蓝色，styleB.css 将其设为红色
<div id="header" data-role="header" data-position='fixed'>...</div>
如果我点击如下所示的链接：
<a href="index.php?cat=a">Click for red</a>
<a href="index.php?cat=b">Click for blue</a>
URL 确实有效（内容取决于 $cat），我确实得到了 $cat 的值，但样式表似乎没有交换，因为颜色没有改变。但是如果我重新加载页面（使用之前链接给出的 URL）样式表交换并且一切正常。
我对我正在开发的网站的桌面版本使用了相同的方法，并且一切正常。 这个问题似乎只有在我使用 jquery mobile 时才会出现。
有人知道为什么这不能正常工作吗？
编辑（添加 html）： 差不多就这些了，剩下的就在这里：
头部：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title></title>
<link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
<!-- Extra Codiqa features -->
<link rel="stylesheet" href="/css/codiqa.ext.css">
<link rel="stylesheet" href="/css/style.css">
<?php if($cat == "a") { ?> <link rel="stylesheet" href="/css/styleASS.css"> <?php }
if($cat == "b") { ?> <link rel="stylesheet" href="/css/styleBB.css"> <?php }
?>
<!-- jQuery and jQuery Mobile -->
<script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
<script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<!-- Extra Codiqa features -->
<script src="https://d10ajoocuyu32n.cloudfront.net/codiqa.ext.js"></script>
</head>
<div data-role="page" id="page">
<div id="panel_menu" data-role="panel" data-display="overlay">
<ul data-role="listview">
<li role="heading">Navigation</li>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
<div id="header" data-role="header" data-position='fixed'>
<h1>Header</h1>
<a href="#panel_menu">Menu</a>
</div>
<div data-role="content">
<?php include "$menu_page_content";?>
<a href="?cat=a&lang=en&menu=home">a</a>
<a href="?cat=b&lang=en&menu=home">b</a>
</div>
<div data-role="footer" data-position="fixed" data-theme="d">
<div data-role="navbar" class="ui-icon-nodisc">
<ul>
<li><a href="#" id='language' data-icon='custom'>Change Language</a></li>
<li><a href="#" id='category' data-icon="custom" >Change Category</a></li>
<li><a href="#" id='contact' data-icon="custom" >Contact</a></li>
</ul>
</div>
</div>
</div><!-- page -->
编辑： 将其上传到免费主机：here 您可以单击内容区域中的链接之一，也可以单击页脚区域中的“类别”。点击并重新加载页面。
【问题讨论】：
标签： php css hyperlink stylesheet