无法开始工作MagicSuggest.js

时间:2014-05-22 02:56:44

标签: javascript jquery magicsuggest

我不知道自己错过了什么,但我无法开始使用MagicSuggest,有人可以帮助我吗?我有以下代码:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Portal</title>
    <link href="estilos.css" rel="stylesheet" />   
    <link href="assets/magicsuggest/magicsuggest.css" rel="stylesheet">
</head>

<body>
<div id="#ms" class="form-control"></div>
    <script src="js/jquery.js"></script>
    <script src="js/dropdown.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="assets/magicsuggest/magicsuggest.js"></script>

    <script>
    $(function() {
        $('#ms').magicSuggest({
        data: [{'id':'0', 'name':'Paris'}, {'id':'1', 'name':'New York'}],
        valueField: 'id',
        displayField: 'name'
    });
    });
    </script>
</body>

我已经将文件放在正确的文件夹位置,并且Web服务器包含在源代码中。

请帮忙。

2 个答案:

答案 0 :(得分:2)

你的div ID在HTML标记中不应该有一个井号。它应该是:

<div id="ms" class="form-control"></div>

(除评论外还添加了答案)

答案 1 :(得分:0)

你错过了id =“ms”的HTML div,如上面Mr.Marc所示

<div id="ms" class="form-control"></div>

将其放在<body>标记下的html页面中。 我希望你已经通过以下链接。

http://nicolasbize.com/magicsuggest/tutorial-3.php