簡單的jQuery腳本不工作

我完全困惑，爲什麼這個簡單的jQuery腳本不工作。我從字面上複製並粘貼了我的另一個項目（代碼工作）中的代碼，並且只是更改了類標記。簡單的jQuery腳本不工作

<html> 
<head> 
    <title>test page</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.click_item').click(
       function() { 
        $(this).animate({background: '#ffffff'}, 200); 
       }, 
       function() { 
        $(this).animate({background: '#d0d0d0'}, 200); 
       } 
      ); 
    }) 
    </script> 
    <style type="text/css"> 
     #one { 
      height: 300px; 
      width: 1000px; 
      background-color: #a0a0a0; 
     } 
     .click_item { 
      width: 100px; 
      height: 30px; 
      margin: 0px auto; 
      margin-bottom: 10px; 
      background: #d0d0d0; 
      -moz-transition: background linear; 
      -webkit-transition: background linear; 
     } 
    </style> 
</head> 

<body> 

    <div id="one"> 
     <div id="map_options_box"> 
      <div id="kml1" class="click_item">item 1</div> 
      <div id="kml2" class="click_item">item 2</div> 
     </div> 
    </div> 

</body>

我也使用＃kml1和＃kml2 ID標籤，而不是階級和「本」的標籤，以及與懸停和撥動更換點擊功能，仍然沒有工作嘗試。我在控制檯中也沒有收到任何錯誤。

來源

2012-09-14 Hat

要調用內部jQuery的兩個功能單擊事件而那也是改變的背景* *這個**元素。功能將考慮哪一個？爲同一元素調用相同事件的任何功能。 – arulmr

您將需要包括jQuery color animations plugin，因爲土生土長的jQuery不支持此功能

來源

2012-09-14 19:50:47 mgraph

同時也要注意，jQuery 1.8打破了很多人使用的版本 - 如果你得到關於curCSS的控制檯錯誤，那麼你要麼1.7或更低，要麼更新顏色插件。 –

恩，那個插件頁已經死了... –

嘗試：

<script type="text/javascript"> 
$(document).ready(function() { 
     $('.click_item').click(
      function() { 
       $(this).animate({background: '#ffffff'}, 200); 
      }, 
      function() { 
       $(this).animate({background: '#d0d0d0'}, 200); 
      } 
     ); 
}); 
</script>

來源

2012-09-14 19:53:39 user1477388

爲什麼要降價？我添加了一個缺失的分號。 – user1477388

最後一個分號沒有區別。但是，您不能在點擊事件中使用多個功能。 –

我不這麼認爲，我覺得這看起來很有趣。 – user1477388

簡單的jQuery腳本不工作

回答

相關問題