使用xoxco下载搜索框焦点上的div

Question

我正在使用Xoxco的插件进行标签输入：

http://xoxco.com/projects/code/tagsinput/

在我的修改中，我使用了JQuery的focus()函数

<input id="tags_1" class="tag-holder" type="text" class="tags"  /></p>      
    <div id="std" style="display:none;">
        <span id='pdf' onmouseover="" style="cursor: pointer;">PDF</span>
        <p id="reset" onmouseover="" style="cursor: pointer;">Reset Tags</p>
    </div>

我的JQuery就是

$('#tags_1').focus(function(){
        $('#std').css('display','block');
});

但是，当我修改插件时，这似乎不起作用。它在不使用插件的情况下单独工作。我在这里缺少什么？

Answer 1

因为问题是它在您的元素ID中添加了_tag，并且该ID不再可用，因此您必须定位此ID #tag_1_tag：

所以你的代码应该是这样的：

订单事项

$('#tags_1').tagsInput({width: 'auto'}); //<----tagInput applied

$('#tags_1_tag').focus(function(){  //<-----this id has to be the target now
    $('#std').css('display','block');
});

Demo Fiddle

甚至可以使用属性选择器：

$('[id^="tags_1"]').focus(function(){  //<-----this id has to be the target now
    $('#std').css('display','block');
});

Demo with attribute selector