jQuery-UI自动完成功能可在选择自动下拉列表时显示div

Question

我有这个jQuery UI设置。

$.widget("app.autocomplete", $.ui.autocomplete, {
    _create: function() {
      if(this.element.is("select")) {
        var self = this;
        this.original = this.element.hide();
        this.element = $("<input/>").insertAfter(this.original);
        this.options.source = function(request, response) {
          var filter = $.ui.autocomplete.filter,
            $options = self.original.find("option"),
            result = $options.map(function() {
              return $(this).html();
            });
          response(filter(result, request.term));
        };
      }
      this._super("_create");
    },
    _destroy: function() {
      this._super("_destroy");
      this.element.remove();
      this.original.show();
    }
  });
  $(function() {
    $("#autocomplete").autocomplete();
  });
});

我试图在单击自动填充选择时仅触发我的模态或显示div。 我尝试了以下方法，也尝试使用其他各种标签。 什么都没用。 有什么建议么？

$('.ui-menu ui-widget .ui-widget-content .ui-autocomplete .ui-front').click(function(event) {
      $(".state_overlay").show();  
    // $('li.ui-menu-item').innerhtml().append.$("h2.statename"); /* edit */
});

注意：我的jquery-UI生成的选择器似乎都没有与click函数一起使用？

我的自动完成标记如下所示：

<select id="autocomplete" class="autocomplete">
    <option value="">Select State</option>