1

我在 Cargo 上运行了这个网站。在此页面的底部，我正在尝试创建一个简单的 20 个问题类型的游戏（两列文本）。我的目标是创建某种按钮，当单击或悬停时会改变错误陈述的文本颜色。

这是我正在使用的 jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">$(".showtrue").click(function() { $('.false').css('color','#f5f5f5');return false;});$(".showfalse").click(function() { $('.false').css('color','#999999');return false; });</script>

showtrue 是一个通过将文本颜色设置为 bg 颜色来有效隐藏错误语句的函数，showfalse 重置 showtrue。

这是我在页面上使用的 HTML：

<div class="column"><p>Digs disco<br><span class="false">Was born in the 70s</span><br>Grew up in a vicious part of town<br><span class="false">Reads mathematics textbooks to relax</span><br><span class="false">Begins the day with a hundred push-ups</span><br>Was attacked by cockroaches after shooting a lizard</div><div class="column"><p><span class="false">Is a vegetarian</span><br>Was born in the 60s<br>Didn't use a computer until 2012<br><span class="false">Is a completely self-taught musician</span><br>Often sleeps with his guitar next to him<br>Has played on a freezing stage lit by a single naked bulb</div>

Only some of the above is <a class="showtrue" href="#">true</a> / <a class="showfalse" href="#">Reset</a>

我的代码似乎没有做任何事情。但是，我的 jQuery 代码似乎与我的 Cargo CSS 混淆了。例如，我的顶部导航（应该是固定的）现在正在与页面的其余部分一起滚动。应该使用顶部导航修复的“Running On Cargo”链接现在出现在顶部导航上方。

我不确定如何解决这些问题，任何帮助将不胜感激。

谢谢！

4

1 回答 1

0

将脚本包装在 document.ready 中

 <script type="text/javascript">
  $('document').ready(function(){  
    $(".showtrue").click(function() { 
          $('.false').css('color','#f5f5f5');
          return false;
    });
   $(".showfalse").click(function() { 
     $('.false').css('color','#999999');
     return false;
    });
   });
  </script>
于 2012-10-23T04:27:00.300 回答