Question

我有一些标签。

  <a class="aclass"  href="~/product/explain?id=1"> item1</a>
  <a class="aclass"   href="~/product/explain?id=2"> item2</a>
  <a class="aclass"  href="~/product/explain?id=3"> item3</a>

我想当用户点击任何标签时，它的颜色将变为红色。我在下面写了鳕鱼。但是当页面发布时，标签会丢失它的颜色（红色）。

 <script type="text/javascript">

//$('.aclass').click( function (e) {
$('.aclass').live("click",  function (e) {
    $('.aclass').css("color", "#47b2ed");
    $(this).css("color", "red");
});

 </script>

stye.css：

aclass {
color:#47b2ed;
text-decoration:none;
 }

Answer 1

是的，当然不是这样。在服务器端，没有采取任何措施来呈现不同颜色的链接。它只在客户端（您的浏览器）上完成。

您正在发送信息，该链接被点击到服务器（通过href）。在服务器端，您需要使用PHP等编程框架将关于链接信息的不同HTML代码发送回客户端

PHP示例

<?php
$id = intval($_GET['id']);
?>
<a class="aclass<?php print $id == 1 ? ' active' : ''?>"  href="~/product/explain?id=1"> item1</a>
<a class="aclass<?php print $id == 2 ? ' active' : ''?>"   href="~/product/explain?id=2"> item2</a>
<a class="aclass<?php print $id == 3 ? ' active' : ''?>"  href="~/product/explain?id=3"> item3</a>

将红色添加到CSS

aclass.active {
   color:red;
}

Answer 2

这个怎么样： -

a.aclass:link {color:#FF0000;}      /* unvisited link */
a.aclass:visited {color:#00FF00;}  /* visited link */
a.aclass:hover {color:#FF00FF;}  /* mouse over link */
a.aclass:active {color:#0000FF;}  /* selected link */

DEMO

Answer 3

function check_checkbox_value($value) {
    if (!empty($value)) {
        return "checked";
    }
}

?>

<form method="get" action="">
    <br />Upper: <input type="checkbox" name="upper" <?php if (!empty($_GET['upper'])) { echo 'checked';} ?>>
    <br />Lower: <input type="checkbox" name="lower" <?php echo check_checkbox_value($_GET['lower']); ?>>
    <input type="submit" name="submit" value="Generate">
</form>

发布页面后更改所选标签的颜色

3 个答案: