Why doesn't autocomplete work in UIKIT?

M

Miku Hatsune2015-11-25 19:48:11

css

Miku Hatsune, 2015-11-25 19:48:11

I do it like there - getuikit.com/docs/autocomplete.html
My code:

<!DOCTYPE html>
<html>
    <head class="uk-height-1-1">
        <title>SiteName</title>
        <meta charset="utf-8">
        <meta name="author" content="Dokuro">
        <link rel="stylesheet" href="css/uikit.almost-flat.min.css">
        <link rel="stylesheet" href="css/components/autocomplete.almost-flat.min.css">
        <link rel="stylesheet" href="css/uikit.dokuro.min.css">
    </head>
    <body class="uk-height-1-1">
        <div class="uk-clearfix">
            <div class="uk-position-top-right dokuro-question">
                <div aria-expanded="false" aria-haspopup="true" class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}">
                    <a href="">
                        <span class="uk-icon-question-circle uk-icon-small"></span>
                    </a>
                    
                    <div class="uk-dropdown uk-dropdown-bottom dokuro-question-message">
                        <p>
                            Описание сути сервиса.
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="dokuro-find-team">
            <form class="uk-form">
                <div class="uk-autocomplete" data-uk-autocomplete="{source:'http://getuikit.com/tests/components/_autocomplete.json'}">
                    <input type="text">
                </div>
            </form>
        </div>
        
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script src="js/components/autocomplete.min.js"></script>
    </body>
</html>

Bottom line - doesn't work. What is the problem, how to solve?

Reply

Answer the question

In order to leave comments, you need to log in

0 answer(s)