Я работаю над расширением Chrome.Я могу добавить теги с помощью клавиши «Enter».Тем не менее, я не могу использовать «пробел» в качестве ключа подтверждения, даже если я указал его.Google возвращает:
Uncaught SyntaxError: Unexpected token ;
И хотя я могу добавить теги, моя функция для предварительного заполнения тегов также возвращает ошибку:
Uncaught TypeError: $(...).tagsinput is not a function
, пожалуйста, помогите мне.
popup.js:
var reddits = ["Art"];
var exists = localStorage.getItem('redditList');
if(exists) {
reddits = JSON.parse( exists );
}
$.each(reddits, function(index, value) {
$('#Tags').tagsinput('add', value); // Uncaught TypeError: $(...).tagsinput is not a function
console.log(index, value);
});
$('#Tags').tagsinput({
confirmKeys: [13, 32] // Uncaught SyntaxError: Unexpected token ;
});
$('input').on('itemAdded', function(event) {
var sub = String(event.item);
sub = sub.replace(/\s/g, '');
reddits.push(sub);
console.log(reddits);
saveList();
});
$('input').on('itemRemoved', function(event) {
reddits.splice(reddits.indexOf(event.item), 1);
console.log(reddits);
saveList();
});
function saveList() {
localStorage.setItem('redditList', JSON.stringify(reddits));
reddits = JSON.parse( localStorage.getItem('redditList'));
}
popup.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Chrome Extension</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-tagsinput.css">
</head>
<body>
<div class="inputContainer">
<input type="text" id="Tags" class="form-control"/>
</div>
<script src="jquery-2.2.4.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="bootstrap-tagsinput.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
</body>
</html>