jQuery實現與貨運集體網站

Question

我有this site貨運。在這個頁面的底部，我試圖創建一個簡單的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是這將有效地將文本顏色設置爲背景色隱藏虛假陳述的功能，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」鏈接現在出現在頂部導航欄上方。

我不太確定如何解決這些問題，任何幫助將不勝感激。

謝謝！

Answer 1

環繞你的腳本中的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>