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

发布于 2024-09-01 12:07:08 字数 594 浏览 2 评论 0原文

我有一个 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'
        }
    });
});

这完美地除了上面列出的宽度属性被忽略。无论我在宽度属性中输入什么，我都会得到相同大小的宽度工具提示，大约是我需要的宽度的一半。高度非常好。

有什么想法吗？这是产品中的错误吗？

原文

i have an asp.net mvc site and here is a dynamic tooltip using qTip

Here is my code:

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

this works perfectly EXCEPT the width attribute listed above is ignored. No matter what i put in that width attribute, i get the same size width tooltip which is about half of the width that i need. the height is perfectly fine.

any ideas? is this a bug in the product ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无所的.畏惧 2024-09-08 12:07:08

您需要将 style 声明放在 content 声明之外，因为它们是两个不同的属性：

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

You need to put the style declaration outside the content declaration as those are two different properties:

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

回复收藏 0 原文

~没有更多了~