jquery - 具有 contenteditable 的 td 字段中的自动完成小部件

Question

我想使用来自http://api.jqueryui.com/autocomplete/#option-source的自动完成小部件。他们写道，我可以将它与 contenteditable 一起使用，但它不起作用。我也在wordpress中使用它。所以也许这就是错误。我收到此错误：

"NetworkError: 404 Not Found - http://localhost/wordpress/wp-content/plugins/.../css/images/ui-bg_flat_75_ffffff_40x100.png"

但我也包括了这个：

wp_enqueue_script("quizEditorScript", plugins_url('js/quizEditor.js', QDB_PATH."qdbConnect"), array('jquery-ui-autocomplete', 'jquery-ui-dialog'));

我的表如下所示：

<table id = "quiz_table">
...
"<td class = 'cate'  contenteditable = 'true' tabindex = '"+tabId+"'>"+cate+"</td>" +
"<td class = 'diff'  contenteditable = 'true' tabindex = '"+tabId+"'>"+diff+"</td>" +
...

我想在“cate”上使用自动完成功能。

var availableTags = ["AAA"];
        //jQuery.fn.val = jQuery.fn.html; //Im not sure how to use this
        jQuery(".cate").autocomplete({
            source: availableTags
        }); 

我必须添加更多细节还是必须以其他方式添加？