jquery-ui.min.js:239Uncaught TypeError: Cannot call method 'data' of null\n\nUncaught TypeError: Cannot call method 'data' of null\na.widget._create.menu.a.addClass.appendTo.mousedown.menu.selectedjquery-ui.min.js:239\na.Widget._triggerjquery-ui.min.js:23\na.widget.selectjquery-ui.min.js:252\na.widget._createjquery-ui.min.js:247\nf.event.handlejquery.min.js:17\nf.event.add.k.i.handle.k jquery.min.js:16\n<\/code><\/pre>\nI’m using the following code in the HTML and Jquery side, the syntax is Haml as its in Rails. In the first script tag, I just define a template that I then render with Underscore.js.<\/p>\n
This question seems to reference a similar problem, but I don’t understand the answer \"I think autocomplete uses an for the element that provides the click event. In that case, you'll need to unset that click handler\"<\/code><\/p>\nI’d appreciate any guidance! Its been 2 days I’ve been stuck on this. Thanks!<\/p>\n
![](\"http:\/\/i.stack.imgur.com\/zNrwp.png\")
<\/p>\n
= text_field_tag :search, nil, :class => \"jq_watermark\", :id => \"product-search-input\", :title => \"Keywords, Tags, Items, SKU...\"\n\n%script(type=\"text\/html\" id=\"product-autocomplete-result-template\")\n .cell.img\n %img(src='{{ main_image_thumb }}')\n .cell\n %h2= link_to '{{ label }}', CGI::unescape(product_path('{{ id }}'))\n .clear\n = link_to '{{ customer_count }} people have this', '#'\n %span Rating {{ rating }}\n %div{:id => \"stars-wrapper-{{ id }}\"}\n %select= options_for_select([1, 2, 3, 4, 5])\n %a(href='http:\/\/www.google.com') \n Click Me\n .cell \n = link_to \"I have this\", '#', :class => \"button\"\n = link_to \"I want this\", '#', :class => \"button\"\n\n:javascript\n $(document).ready(function(){\n\n $.ui.autocomplete.prototype._renderItem = function( ul, item ) {\n var template = $('#product-autocomplete-result-template').html();\n var parsed_template = _.template(template, item);\n var target_option = 'value=\"' + item.rating + '\"'; \/\/ do simple string replace to select option, as I can't get Jquery\n var selected_option = target_option + ' selected=\"selected\"';\n var autocomplete_html = parsed_template.replace(target_option, selected_option);\n var returnVal = $( \"<\/code><\/pre>\n\" )\n .data( \"item.autocomplete\", item )\n .append('' + autocomplete_html+'')\n .appendTo( ul );\n $(\"#stars-wrapper-\"+item.id).stars({ inputType: \"select\", disabled: true });\n return returnVal;\n };\n\n $('#product-search-input').autocomplete({\n delay: 50,\n source: function(request, response) {\n $.ajax({\n url: \"#{search_products_path}\",\n dataType: 'json',\n data: { term: request.term },\n success: function(data) {\n if (data.length < 1) {\n console.log(\"Juuusstt right\");\n \/\/ show submit button\n } else {\n console.log(\"Too long\");\n \/\/ hide submit button\n }\n response(data);\n }\n });\n },\n select: function( event, ui ) {\n console.log( ui.item ?\n \"Selected: \" + ui.item.label :\n \"Nothing selected, input was \" + this.value);\n }\n })\n });\n<\/pre>\n","protected":false},"excerpt":{"rendered":"I’m trying to use the Jquery UI autocomplete plugin, and i’d like to render some html in the suggest box, with clickable links. The html seems to render ok, however when I click the links, they don’t work and I get in my developer log: jquery-ui.min.js:239Uncaught TypeError: Cannot call method ‘data’ of null Uncaught TypeError: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6468","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/6468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=6468"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/6468\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=6468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=6468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=6468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}