белый список внутри поповера - PullRequest
Новая
       5

белый список внутри поповера

0 голосов
/ 12 марта 2019

У меня есть следующий popover для приложения Rails: 

= link_to(organization_path(@organization), "data-toggle": "popover", "data-content-container": "#organization-information", class: "info-icon")

, чтобы активировать его, у меня есть эта функция 

$("[data-toggle=popover][data-content-container]").popover({
    html: true,
    content: function() {
        var attr = $($(this).attr("data-content-container")).html();
        return attr
    },
    trigger: "hover",
    placement: "auto",
    viewport: {
        selector: "body",
        padding: 40
    },
    animation: false,
});

теперь она отлично работала на Bootstrap 3.3, теперьмы обновили до 3.4, и это перестало работать.Читая документы, я понял, что теперь есть опция whiteList с некоторыми значениями по умолчанию .Я думаю, что этого списка по умолчанию нам недостаточно, поскольку мы пытаемся отобразить div с таблицей внутри поповера: 

<div id="organization-info">
    <table class="table">
        <thead>
            <tr>
                <th colspan="2">
                    <h3>Org. Name</h3>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Credit Limit</th>
                <td>3,000.00 zł</td>
            </tr>
            <tr>
                <th>Outstanding</th>
                <td>0.00 zł</td>
            </tr>
            <tr>
                <th>Available</th>
                <td>3,000.00 zł</td>
            </tr>
            <tr>
                <th>Total Paid Out</th>
                <td>0.00 zł</td>
            </tr>
            <tr>
                <th>Total Paid Back</th>
                <td>0.00 zł</td>
            </tr>
            <tr>
                <th>Non-performing Amount</th>
                <td>0.00 zł</td>
            </tr>
            <tr>
                <th>Total Amount of Overdue Fees</th>
                <td>0.00 zł</td>
            </tr>
        </tbody>
    </table>
</div>

Я пытался добавить больше вещей в белый список по умолчанию 

var internalWhiteList = $.fn.tooltip.Constructor.DEFAULTS.whiteList
internalWhiteList.div = ['*']

и передайте его функции с помощью whiteList: internalWhiteList, но ничего не изменилось.Как я могу правильно реализовать этот белый список?

1 Ответ

0 голосов
/ 28 марта 2019

Вам нужно добавить в белый список все элементы таблицы, например, 

$.fn.popover.Constructor.Default.whiteList.table = [];
$.fn.popover.Constructor.Default.whiteList.tr = [];
$.fn.popover.Constructor.Default.whiteList.td = [];
$.fn.popover.Constructor.Default.whiteList.tbody = [];
$.fn.popover.Constructor.Default.whiteList.thead = []
...