javascript - sfWidgetFormDoctrineJQueryAutocompleter - 事件不起作用

Question

我正在使用 sfFormExtraPlugin 中的 sfWidgetFormDoctrineJQueryAutocompleter，尝试将某些事件绑定(bind)到小部件。

根据http://jqueryui.com/demos/autocomplete/#event-search有一种方法可以将事件绑定(bind)到搜索的启动。

但是，它似乎不适用于小部件。 我的代码:

$this->widgetSchema['author_id'] = new sfWidgetFormDoctrineJQueryAutocompleter(array(
  'model'  =>  'Employee',
  'method' => 'getFullName',
  'method_for_query' => 'findOneByEmployeeNumber',
  'url'    =>  '/backend_dev.php/employee/search',
  'config' =>  '{
    minChars: 3,
    search: function(event, ui) { alert("Search!"); } //Should popup an alert() when the search is launched.
    }'
));

但是，当我填写表单时，会启动搜索，显示结果，但不会显示任何警报。

有什么想法吗？

谢谢。

编辑

生成的 JavaScript:

<label for="document_author_id">Author</label>
<input type="hidden" id="document_author_id" value="00000006" name="document[author_id]">
<input type="text" id="autocomplete_document_author_id" value="Michaël Jones" name="autocomplete_document[author_id]" autocomplete="off" class="ac_input">
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery("#autocomplete_document_author_id")
    .autocomplete('/backend_dev.php/employee/search', jQuery.extend({}, {
      dataType: 'json',
      parse:    function(data) {
        var parsed = [];
        for (key in data) {
          parsed[parsed.length] = { data: [ data[key], key ], value: data[key], result: data[key] };
        }
        return parsed;
      }
    }, {
        minChars: 3,
        search: function(event, ui) { alert("Search!"); }
        }))
    .result(function(event, data) { jQuery("#document_author_id").val(data[1]); });
  });
</script>

Answer 1

尝试将其放在 form.php (?) 模板的末尾

<?php javascript_tag(); ?>
    jQuery().ready(function(){
        // or use ID #autocomplete_document_author_id
        jQuery(".ac_input").search(function(event, ui){
            alert("Search!");
        });
    });
<?php end_javascript_tag(); ?>