JS – Uncaught SyntaxError: testigo Inesperado

Buenos días chicos,

Me decidí a empezar a aprender JavaScript este fin de semana y ahora estoy atascado en el primer obstáculo. He intentado buscar en google /a investigar la razón de este error y, por lo que puedo ver, todo está formateado correctamente. Eres capaz de ayudar? El código está diseñado para hacer que una flecha en forma de botón, a partir de 2 pequeñas divs en un contenedor, en mi página brillo cuando se cernía sobre.

$(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");
});
});

He añadido «box-shadow: 0;» para el .alternar el botón .barra de menú superior y .alternar el botón .barra de menú con fondo de clases css, pero sospecho que es algo que ver con mi código JS. Estoy trabajando en Chrome v55. Cualquier ayuda con esto sería muy apreciada!

3 Kommentare

  1. 4

    Tiene un , al final de la línea 4. Así que el Uncaught SyntaxError: Unexpected token . error es debido a $toggleButton.hover.

    Para su navegador que aún se declara una nueva variable, pero puede utilizar . en los nombres de variable.

    Para solucionar el problema basta con sustituir el , por un ; en la línea 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");
      });
    });
    • Gracias por la rápida respuesta! Tienes razón, que parece detener el error, pero no está teniendo el efecto sobre la flecha que yo estaba esperando. Estoy seguro de que es porque soy probablemente la orientación de la mal selectores para el efecto que quiero, pero este es oficialmente contestado! Gracias por su paciencia con un newb, y el detalle extra añadido para mí
  2. 1

    Que da error de sintaxis, que ha utilizado la coma al final en la siguiente declaración

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

    Debido a la coma, javascript está considerando $toggleButton como declaración de variable como es en la línea siguiente. Y ya está declarado en la parte superior, así que javascript es tirar el error de sintaxis, que ya está declarado.
    Quitar la coma y el punto y coma ;.

  3. 0

    Usted tiene algunas comas al final de sus declaraciones de variables que deben ser un punto y coma ‘;’ y la ausencia de algunos var palabras clave desde el principio de que las declaraciones de variables.

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

      var $pieza superior = $(‘.alternar el botón.barra de menú-top»);
      var $barbottom = $(‘.alternar el botón.barra de menú-inferior’);

         $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");
          });
    });

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea