Ошибка в JavaScript при реализации тени ввода ввода

Question

Я хочу реализовать тень во входном поле. Это код JavaScript, который я использую:

<!-- input field shadow --> 
var placeholder = "test field" 
$("input").on({ 
    focus: function() { 
     if (this.value == placeholder) { 
      $(this).val("").removeClass("shadow"); 
     } 
    }, 
    blur: function() { 
     if (this.value == "") { 
      $(this).val(placeholder).addClass("shadow"); 
     } 
    } 
}).trigger("blur");​  

Когда я запускаю код в Firefox я получаю сообщение об ошибке:.

недопустимый символ}) триггер («размытость»);

Есть ошибки в коде? Как я могу это исправить?

Answer 1

есть что-то не так с; Возможно, вы вставили его из слова или чего-то еще, но я вижу ошибку в FF

Удалить; и любые пробелы после него затем введите его снова, он избавится от ошибки

Редактировать: Я думаю, что пробелы или вкладки позади; но выше ошибки исчезнет

Edit: использовать его в функции вы просто обернуть его с функцией

var addListener = function(){ 
    // your code here 
}; 

затем вызвать его на документ готов, скорее всего

$(document).ready(function(){ 
    addListener(); 
}); 

Answer 2

Я думаю, вы используете jQuery 1.6.4, что не будет работать.

Попробуйте использовать jQuery 1.7.1 и выше версии