jquery jquery.tagify如何添加焦点效果？

Question

在我的webapplication应用程序中，我使用了tagify。但是现在我希望当tagify中的输入框被聚焦时，tagifycontainer的边框颜色会变成不同的颜色。

我已经尝试了最简单的解决方案，但它不起作用，以下是我尝试过的：

$('input[role=textbox]').focus(function(){
       alert('trigger');
       $('.tagify-container').css({
           "border-color" : "#E5964B" 
       });
});

我不会收到警报箱的。我也尝试过编辑插件，但我对编写插件一无所知。我主要是用蚂蚁插件。tbh

问候

Answer 1

我遇到了同样的问题。基本上，当tagify初始化字段时：

$('#test').tagify();

它将取代：

<input id="test" type="text"/>

使用类似这样的东西：

<input id="test" style="display: none;">

<div class="tagify-container">
    <input type="text" placeholder="add tags">
</div>

换句话说，它将隐藏原始字段，并在字段中添加自己的字段。有很多方法可以绕过它，但我使用此方法来获取适当的字段：

$('.tagify-container:eq(0) input:eq(0)').focus(function(){
    alert('blah');      
});

所以你选择了第一个tagify-container类并选择了这个类中的第一个字段。希望这对你有用:)