Typeahead не работает и не показывает ошибку - PullRequest
Новая
       38

Typeahead не работает и не показывает ошибку

0 голосов
/ 10 января 2019

Я пытаюсь реализовать поиск по типу. в моем случае typeahed не показывает никаких предложений и не показывает никаких ошибок, поэтому теперь я не могу его отладить. он попробовал все решения, доступные для stackoverflow, чтобы найти проблему, но не повезло.

я использую typeahed v 0.11.1 JQuery версия 1.9.1 загрузочная версия 3.3.7 вот мой код- 

<head>
        <!-- meta data -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">


        <title>demo</title>





        <!--linear icon css-->
        <link rel="stylesheet" href="assets/css/linearicons.css">

        <!--animate.css-->
        <link rel="stylesheet" href="assets/css/animate.css">

        <!--flaticon.css-->
        <link rel="stylesheet" href="assets/css/flaticon.css">

        <!--slick.css-->
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/slick-theme.css">

        <!--bootstrap.min.css-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
       <link rel="stylesheet" href="assets/css/style.css">

        <!--responsive.css-->
        <link rel="stylesheet" href="assets/css/responsive.css">
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script  type="text/javascript" src="assets/js/typeahead.js"></script>

            <script type="text/javascript">

                var movies = new Bloodhound({
                datumTokenizer: function(datum) {
                    return Bloodhound.tokenizers.whitespace(datum.value);
                },
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                remote: {
                    wildcard: '%QUERY',
                    url: 'http://api.themoviedb.org/3/search/movie?query=%QUERY&api_key=f22e6ce68f5e5002e71c20bcba477e7d',
                    transform: function(response) {
                    // Map the remote source JSON array to a JavaScript object array
                    return $.map(response.results, function(movie) {
                        return {
                        value: movie.original_title
                        };
                    });
                    }
                }
                });

                        // Instantiate the Typeahead UI
                    $('.typeahead').typeahead(null, {
                    display: 'value',
                    source: movies
                    });

            </script>

</head>
<body>
<input class="typeahead">
</body>

Я следую

http://jsfiddle.net/Fresh/bbzt9hcr

пожалуйста, помогите решить

Заранее спасибо

...