assigned tags not working for Tag Handler by ioncache #41
Description
I'm using this plugin called TagHandler. Link: http://ioncache.github.io/Tag-Handler here's the code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/jquery.taghandler.css" />
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/jquery.taghandler.js"></script>
<title>tags</title>
</head>
<body>
<!--<div class="tagHandler">
<ul id="basic_tag_handler" class="tagHandlerContainer">
<li class="tagInput">
<input class="tagInputField" type="text">
</li>
</ul>
</div>
-->
<div class="tagHandler">
<ul id="array_tag_handler" class="tagHandlerContainer">
<li class="tagInput">
<input class="tagInputField ui-autocomplete-input" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
</li>
</ul>
</div>
<script>
// $("#basic_tag_handler").tagHandler();
$("#array_tag_handler").tagHandler({
assignedTags: [ 'C', 'Perl', 'PHP' ],
availableTags: [ 'C', 'C++', 'C#', 'Java', 'Perl', 'PHP', 'Python' ],
autocomplete: true
});
</script>
</body>
</html>
It is taking the values of assignedTags, The attribute availableTags opens a dropdown to select the specified values by availableTags as per website but in my case it is not opening the dropdown what can be the issue?