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

Question

在我的web應用程序中，我正在使用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容器類，並在這個類中選擇第一個字段。希望對你有用:)