JS - 未捕獲的語法錯誤：意外的令牌

早上好夥計，JS - 未捕獲的語法錯誤：意外的令牌

我決定在本週末開始學習JavaScript，現在我陷入了第一個障礙。我曾嘗試使用Google /研究此錯誤的原因，並且據我所知，所有內容都格式正確。你能幫忙嗎？該代碼旨在製作一個箭頭形狀的按鈕，由容器中的2個小格子製成，在我的網頁上懸停時發光。

$(document).ready(function() { 
var $toggleButton = $('.toggle-button'), 
    $bartop = $('.toggle-button.menu-bar-top'), 
    $barbottom = $('.toggle-button.menu-bar-bottom'), 


$toggleButton.hover(function() { 
    $bartop.css("box-shadow", "0 0 10px 1px #fff"); 
    $barbottom.css("box-shadow", "0 0 10px 1px #fff"); 
}, function() { 
    $bartop.css("box-shadow", "0"); 
    $barbottom.css("box-shadow", "0"); 
}); 
});

我已添加「box-shadow：0;」到.toggle按鈕.menu-bar-top和.toggle-button.menu-bar-bottom css類，但我懷疑這是與我的JS代碼有關。我正在使用Chrome v55。任何幫助，將不勝感激！

來源

2017-01-08 Richard Goodman

您在第4行末尾有一個,。所以Uncaught SyntaxError: Unexpected token .錯誤歸因於$toggleButton.hover。

對於您的瀏覽器，您仍然聲明一個新變量，但您可以在變量名中使用.。

解決您的問題只是一個;在4號線更換,：

$(document).ready(function() { 
    var $toggleButton = $('.toggle-button'), 
     $bartop = $('.toggle-button.menu-bar-top'), 
     $barbottom = $('.toggle-button.menu-bar-bottom'); 


    $toggleButton.hover(function() { 
    $bartop.css("box-shadow", "0 0 10px 1px #fff"); 
    $barbottom.css("box-shadow", "0 0 10px 1px #fff"); 
    }, function() { 
    $bartop.css("box-shadow", "0"); 
    $barbottom.css("box-shadow", "0"); 
    }); 
});

來源

2017-01-08 12:16:11 Jspdown

感謝您的快速回復！你是對的，這似乎阻止了錯誤，但對我所期望的箭頭沒有影響。我確信這是因爲我可能會針對我想要的效果而選擇錯誤的選擇器，但這是正式回答！感謝您對newb的耐心，以及您爲我添加的額外細節 –

它給你的語法錯誤，你已經在下面的語句

$barbottom = $('.toggle-button.menu-bar-bottom'),

使用逗號末

由於逗號，JavaScript正在考慮將$toggleButton作爲變量聲明，因爲它位於下一行。它已經被聲明在頂部，所以JavaScript拋出語法錯誤，它已經被聲明。刪除逗號並使用分號;。

來源

2017-01-08 12:19:55 prasad

在變量聲明末尾有一些逗號，它們應該是分號';'以及一些從你變量聲明開始缺少的var關鍵字。

$(document).ready(function() { 
      var $toggleButton = $('.toggle-button');

var $ bartop = $（'。toggle-button.menu-bar-top'）; var $ barbottom = $（'。toggle-button.menu-bar-bottom'）;

 $toggleButton.hover(function() { 
      $bartop.css("box-shadow", "0 0 10px 1px #fff"); 
      $barbottom.css("box-shadow", "0 0 10px 1px #fff"); 
     }, function() { 
      $bartop.css("box-shadow", "0"); 
      $barbottom.css("box-shadow", "0"); 
     }); 
});

來源

2017-01-08 12:41:04 SpenceUK

JS - 未捕獲的語法錯誤：意外的令牌

回答

相關問題