Bootstrap Popover填充输入

Question

我有一个带默认类.popover的bootstrap popover和一个id为#tags的输入。在popover里面我有一个包含一些链接的列表。我想点击链接并使用

中的内容填充输入

这是我的代码和我尝试的内容：

<div class="popover fade bottom in" role="tooltip" id="popover551732" style="top: 34px; left: 2px; display: block;">
    <div class="arrow"></div>
    <h3 class="popover-title">5 most recent</h3>
    <div class="popover-content">
        <ul class="popover-content">
            <li><a href="javascript:;" class="first">First matter</a>
            </li>
            <li><a href="#">Second matter</a>
            </li>
            <li><a href="#">Third matter</a>
            </li>
            <li><a href="#">Fourth matter</a>
            </li>
            <li><a href="#">Fifth matter</a>
            </li>
        </ul>
    </div>
</div>


<input type="text" id="tags" ....

我尝试了什么：

$(function(){
    $('.first').live('click', function() {
        $("#tags").val($(this).html());
    });
});

Answer 1

试试这个

$(function(){
    $(".popover-content a").click(function(){
       var value = $(this).html();
       var input = $('#tags');
       input.val(value);
    });
});

Fiddle