assigned tags not working for Tag Handler by ioncache

Open uneebmeer opened this issue 9 years ago • 0 comments

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?

Sep 27 '16 14:09 uneebmeer