0

アイコンをクリックすると、Web サービスからデータが入力されたポップオーバーが表示されます。しかし、問題は、ポップオーバーをクリックするたびに表示され、ページの他の場所をクリックすると消えることです!

どうすればそれができるか教えてください。

PS:私はすでに trigger:'manual' を試しましたが、私の例ではうまくいきませんでした!

ここに私のコード：

$('#myIcon').click(function (e) {
    e.preventDefault();
    var $this = $(this);
    $.ajax({
                type: "POST",
                url: "myURL"
            }).done(function (data) {                                           
                $this.popover({
                    placement:'bottom',                                        
                    content: function () {
                        html = "<table class='table table-bordered ' id='myTbl'><tbody id='myTblBody'>";
                        for (var i = 0; i < data.length; i++) {
                            html = html + "<tr><td>" + data[i]['username'] + "</td></tr>";
                        }
                        html = html + "</tbody></html>";
                        return html;
                    },
                    html: true,
                })
            });
});
4

2 に答える 2

0

popoverasという名前のメソッドがhideOnHTMLClickありますHide popovers when clicked outside of them.

$('#myIcon').click(function (e) {
    e.preventDefault();
    var $this = $(this);
    $.ajax({
                type: "POST",
                url: "myURL"
            }).done(function (data) {                                           
                $this.popover({
                    placement:'bottom',
                    hideOnHTMLClick: true,                                        
                    content: function () {
                        html = "<table class='table table-bordered ' id='myTbl'><tbody id='myTblBody'>";
                        for (var i = 0; i < data.length; i++) {
                            html = html + "<tr><td>" + data[i]['username'] + "</td></tr>";
                        }
                        html = html + "</tbody></html>";
                        return html;
                    },
                    html: true,
                })
            });
});
于 2013-07-24T14:41:23.830 に答える