javascript - ブートストラップ ポップオーバーでリンクの配列を取得できません

Question

ポップオーバーで検索オプションを作成しようとしています。

AJAX を使用してこれらのポップオーバーをページに読み込みます。

私のポップオーバーコード:

$(function () {
    $('body').on('click','.popup1',function(){
            var  windowid = this.id;
            $(".popup1").popover({
                title: "Kies product",
                content: '<input type="text"class="form-control" id="search" name="ProductSearch"  autocomplete="off" /><div id="searchable" class="list-group" style="margin-bottom: 0px;><div class="personScroll"><?php foreach($products as $d):?><a id="' + windowid + '" class="list-group-item" onclick="Sending1(<?=$d->productid?>,this.id);" href="javascript:;"><?=$d->titel?></a><?php endforeach;?></div>',
                html: true,
                trigger: 'manual',
                placement: "top",
                template: '<div class="popover personchoose"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
            });
            $(this).popover('toggle');
            $(".popup1").on('shown.bs.popover', function (e) {
                Search();
                $(".hideable").not(e.target).popover("hide");
                });
        });

});

私の検索機能:

function Search() {
                var $rows = $('#searchable div a');
                $('#search').keyup(function () {
                    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

                    $rows.show().filter(function () {
                        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
                        return !~text.indexOf(val);
                    }).hide();
                });
            };

行が見つかりません。理由がわかりません。この方法を修正したり、他のオプションを提供したりするのを手伝ってくれる人はいますか?

Tnx。