添加到jquery ui自动完成列表的其他链接

Question

对不起,我找不到如何做到这一点的明确解决方案.我正在使用jQuery UI自动完成功能textbox从数据库中检索数据.我需要在列表末尾添加一个"添加新地点"链接.我想允许用户添加新的场地,如果他们正在寻找的场地不在数据库中.

这是我的代码:

$(function() {
    $("#venue").autocomplete({
        source: '<?php echo base_url();?>index.php/home/autocomplete_venue',
        minLength: 2,
        select: function(event, ui) {
            $('#venue_id').val(ui.item.id);                 
        }
    });
});

Answer 1

我想你可以添加li一个Autocomplete的回调函数,例如open:

$('#venue').autocomplete({
    open: function () {
        // If it's not already added
        if (!$('#ac-add-venue').length) {
            // Add it
            $('<li id="ac-add-venue"><a href="....">Add venue</a></li>').appendTo('ul.ui-autocomplete');
        }
    }
});

您可能需要更改一些选择器.

编辑:顺便说一下:你的代码是不可能的？它缺少几个关闭}:s为一个.