如何在點擊時觸發輸入更改？

Question

我有一個搜索過濾器。當用戶點擊圖標搜索時會顯示輸入內容。

<div class="pull-right"> 
    <a href="" class="search common-sprite icon-search" title="search"></a> 
</div> 
<div class="input-text-container search" style="display:none;"> 
    <input type="text" id="textSearch" class="input-text-big search-message" placeholder="Search in your list" /> 
    <i class="common-sprite cross search"></i> 
</div> 

當輸入文本容器是顯示光標線前應「在列表中搜索」中顯示，用戶應該能夠立即開始在搜索詞輸入。

我試過如下：

$('.search.icon-search').on(
    'click', 
    function() { 
    $('#textSearch').trigger('change') 
    }); 

，但沒有奏效。

任何人都可以幫助我觸發點擊輸入變化？

Answer 1

你想focus該元素上：

$('.icon-search').click(function() { 
    $('.input-text-container').show().find('input').focus(); 
});