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'
        }
    });
});

这完全符合 EXCEPT ，忽略上面列出的width属性。无论我在宽度属性中放入什么，我都得到相同的大小宽度工具提示，大约是我需要的宽度的一半。高度非常好。

任何想法？这是产品中的错误吗？

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 }
});

Jquery工具提示插件qTip似乎没有正确设置宽度

1 个答案: