jquery - Bootstraps Popover を「hover」から「click」または「manual」に設定します。

Question

私は、ブートストラップのポップオーバー内にインタラクティブな要素 (検索機能) を埋め込むことに取り組んできました。私はその機能をテストできませんでした。なぜなら、イベントを JavaScript またはマークアップで「ホバー」ではなく「クリック」に設定できないように見えるからです。私はjs初心者なので、我慢してください。

<div class="popover-markup"> <a href="#" class="trigger">Search</a>
    <div class="head hide">Find an Action</div>
    <div class="content hide">
        <input class='input-block-level' id='search_address' placeholder='Enter an address or an intersection' type='text'>
        <select class='input-small' id='search_radius'>
            <option value='400'>2 blocks</option>
            <option value='805'>1/2 mile</option>
            <option value='1610'>1 mile</option>
            <option value='3220'>2 miles</option>
        </select>
         <h4>Find a School or Campus</h4>
        <input class='input-block-level' id='text_search' placeholder="Find a School or Campus" type='text' data-provide="typeahead">
        <input class='btn btn-primary' id='search' type='button' value='Search'>
        <button class='btn' id='reset'>Reset</button>
    </div>
    <div class="footer hide">test</div>

ここにjsがあります：

$('.popover-markup>.trigger').popover({ 
    html : true,
    title: function() {
        return $(this).parent().find('.head').html();
    },
    content: function() {
        return $(this).parent().find('.content').html();
    }
});

どんな助けでも大歓迎です。ありがとう！