Question

我正在使用TextExtJs作为自动完成功能，您可以在其中开始输入，并在文本输入下方显示建议下拉列表，您可以使用箭头键或鼠标选择建议选项。

除了我尝试在用户选择其中一个建议后执行功能之外，一切都运行良好。有一个hideDropdown事件，我认为这是适当的事件。不幸的是我不明白如何做到这一点，这是我尝试过的：

$('#usearch').textext({
    plugins : 'autocomplete ajax',
    ajax : {
        url : 'usersuggest.php',
        dataType : 'json',
        cacheResults : true
    },
    autocomplete : {
        onHideDropdown : function(){
            alert('A happened');
        },
        hideDropdown : function(){
            alert('B happened');
        }
    }, 
    onHideDropdown : function(){
        alert('C happened');
    },
    hideDropdown : function(){
        alert('D happened');
    }
});

这些具有警报的功能实际上都没有运行过。他们不会干涉它的建议。如何将回调附加到此事件？

Answer 1

我在这里遇到同样的问题......

不幸的是没有适当的解决方案。该手册与插件页面上提供的示例一样简洁。

我设法绑定了一种“onAddingTag”事件，请参阅：http://textextjs.com/manual/plugins/tags.html#istagallowed

$('#textarea').textext().bind('isTagAllowed', function(e, data) {
  var valueAdded = data.tag;
  data.result = true; //needs to be done, since we're abusing this event 
};

尽管这可能有助于解决此问题，但您的下一个问题是：用户何时删除标记？最后，我结束了，使用另一个自动完成库。

试图在TextExt.js中捕获hideDropdown事件

1 个答案: