JQuery плагин всплывающей подсказки qTip, кажется, не устанавливает ширину правильно

Question

У меня есть сайт asp.net mvc, и вот динамическая подсказка, использующая qTip

Вот мой код:

$('a.showNutritionInfo').each(function() {

    $(this).qtip({
        content: {
        text: '<img src="../../images/ajax-loader1.gif" alt="" />',
        style: { width: 450 },
        url: '/Tracker/NutritionInfo/' + $(this).attr('id'),
        method: 'get'
        }
    });
});

это прекрасно работает ИСКЛЮЧИТЬ атрибут ширины, указанный выше, игнорируется. Независимо от того, что я добавляю в этот атрибут ширины, я получаю всплывающую подсказку с шириной, которая составляет примерно половину необходимой мне ширины. высота отлично в порядке.

есть идеи? это ошибка в продукте?

Answer 1

Вам необходимо поместить объявление style вне объявления content, так как это два разных свойства:

$(this).qtip({
    content: {
        text: '<img src="../../images/ajax-loader1.gif" alt="" />',
        url: '/Tracker/NutritionInfo/' + $(this).attr('id'),
        method: 'get'
    },
    style: { width: 450 }
});