jQuery語法錯誤 - 意外的令牌

我試圖調試，我不斷收到語法錯誤。我不確定這是怎麼回事。我試圖讓它在哪裏，如果我點擊一個附加到「$ color_cell」的對象，它會將atrr（「id」）推入到black_colors數組中。jQuery語法錯誤 - 意外的令牌

有人可以幫助我嗎？提前致謝。

<script src="jquery-1.6.2.js"></script> 
<script type="text/javascript"> 

var ids = []; 
var black_colors = []; 
var blue_colors = []; 
var brown_colors = []; 
var gray_colors = []; 
var green_colors = []; 
var orange_colors = []; 
var pink_colors = []; 
var purple_colors = []; 
var red_colors = []; 
var teal_colors = []; 
var white_colors = []; 
var yellow_colors = []; 


$(document).ready(function($) { 


    $(".btnColor").click(function(){ 

     $(".color_cell").click(function(){ 

      if $(this).attr("id") == "black"{ 

      black_colors.push($(this).attr("id")); 

    } 

     }); 

    }); 

}); 

</script> 
<br> 
<br> 
    <button type="button" class="btnColor" id="black">Black</button>&nbsp; 
    <button type="button" class="btnColor" id="blue">Blue</button>&nbsp; 
    <button type="button" class="btnColor" id="brown">Brown</button>&nbsp; 
    <button type="button" class="btnColor" id="gray">Gray</button>&nbsp; 
    <button type="button" class="btnColor" id="green">Green</button>&nbsp; 
    <button type="button" class="btnColor" id="orange">Orange</button>&nbsp; 
    <button type="button" class="btnColor" id="pink">Pink</button>&nbsp; 
    <button type="button" class="btnColor" id="purple">Purple</button>&nbsp; 
    <button type="button" class="btnColor" id="red">Red</button>&nbsp; 
    <button type="button" class="btnColor" id="teal">Teal</button>&nbsp; 
    <button type="button" class="btnColor" id="white">White</button>&nbsp; 
    <button type="button" class="btnColor" id="yellow">Yellow</button>&nbsp;

來源

2011-08-09 Richard

你的代碼有很多錯誤。

<script src="jquery-1.6.2.js"></script>

應該變成：

<script type="text/javascript" src="jquery-1.6.2.js"></script>

和：

$(document).ready(function($) {

應該變成：

$(document).ready(function() {

和：

if $(this).attr("id") == "black"{

應該變成：

if ($(this).attr("id") == "black") {

，你也已經嵌套兩個.click()處理這是不正確的。

讓你終於有：

<script type="text/javascript" src="jquery-1.6.2.js"></script> 
<script type="text/javascript"> 

var ids = []; 
var black_colors = []; 
var blue_colors = []; 
var brown_colors = []; 
var gray_colors = []; 
var green_colors = []; 
var orange_colors = []; 
var pink_colors = []; 
var purple_colors = []; 
var red_colors = []; 
var teal_colors = []; 
var white_colors = []; 
var yellow_colors = []; 

$(document).ready(function() { 
    $(".color_cell").click(function() { 
     // Can't see any color_cell class in your markup 
     // so no idea what you want to do if the DOM element with it is clicked 
    }); 

    $(".btnColor").click(function() { 
     if ($(this).attr("id") == "black") { 
      black_colors.push($(this).attr("id")); 
     } 
    }); 
}); 
</script>

來源

2011-08-09 16:46:15

只有最後一個是真實的錯誤。 HTML5中的默認腳本語言是JavaScript（好吧，我們不知道它是否爲HTML5），並且jQuery將引用作爲第一個參數傳遞給ready處理程序。 –

我不認爲你的JavaScript語法是完全正確的。試試這個：

$(document).ready(function($) { 
    $(".btnColor").click(function(){ 
     $(".color_cell").click(function(){ 
      if ($(this).attr("id") == "black") { 
       black_colors.push($(this).attr("id")); 
      } 
     }); 
    }); 
});

來源

2011-08-09 16:46:13

代替：如果$（本）.attr（「ID」）== 「黑」

if ($(this).attr("id") == "black")

來源

2011-08-09 16:47:59 vector

jQuery語法錯誤 - 意外的令牌

回答

相關問題