创建一个使用自动完成的jquery插件

时间:2014-06-12 16:30:10

标签: jquery jquery-plugins autocomplete jquery-widgets

我正在尝试为我的网站构建一个jquery插件,该插件使用自动填充来填充文本框。 我想把它称为:

$("#txtBox").suggest()

来自我的HTML页面。这些是我的参考资料。

    <!DOCTYPE html>
    <html>
    <head>
    <title>Suggest</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script src="http://localhost:8080/Trial/test.js"></script>
    <script type="text/javascript">
    $(function () {
        $("txtBox").suggest();
    });
    </script>
    </head>
    <body>
    <p>Enter a Symbol:</p><br />
    <input type = "text" id = "txtBox" />
    </body>
    </html>

这是我的插件test.js:

(function ($) {        
    $.fn.suggest = function () {

    //Autocomplete not found!    
    this.autocomplete ({
        source: //Some source
        },
        minLength: 1
    });
}(jQuery));

它表示自动完成未定义。有人可以帮忙吗?

0 个答案:

没有答案