0

私は機能を実装している最中です。

特徴

目的 ：

ajax request でポップオーバーフォームを作成します。 ブートストラップ ポップオーバー

注：以前は、ブートストラップの編集可能ファイルで同じことを達成しようとしました

しかし、私は（ポップオーバーに入力された）データをページに表示したくないという事実のために。（編集可能なものはどれですか）。

そう 、

現在のメソッド（jsfiddle）で

問題 ：

ポップオーバーをクリックしてポップオーバー内にデータを入力すると、ポップオーバーが消えます。

私はjqueryの修正を探しています。（イベント伝播を伴うもので十分です）

私のコード:

<div class="box-icon" >
    <div class="popover-markup">
        <a href="#" class="trigger"><i class="icon-plus-sign"></i></a> 
            <div class="head hide">Enter Email<i class="icon-remove" style="margin-left: 120px;"></i></div>
                <div class="content hide">
                      <input type="text" placeholder="Type email address">
                      <button type="submit" class="btn">Submit</button>
                </div>
            <div class="footer hide">test</div> 
    </div>
</div>

私のスクリプトは次のとおりです。

$( document ).ready(function() {

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

    // Attach click handler to document
    $(document).bind('click', function (e) {
        $(".popover-markup").popover('hide');
    });

    // Dont hide when I click anything inside #container
    $('.popover-markup').bind('click', function(e) {
        e.stopPropagation();
    });

});
4

0 に答える 0