q提示动态宽度

Question

我目前正在使用qTip jQuery插件和完整日历.这两个都很棒.但是,我目前陷入了困境.

有时,我的qTip内容需要大量数据.当qTip工具提示的宽度和高度固定时,会被剪裁.有什么办法可以让宽度和高度变得动态吗？

我发现最大宽度是350,但这还不足以满足我的要求.

Answer 1

如果您不想修改qtip源,只需将其添加到您的CSS中即可

.qtip { max-width: none !important; }

有了这个css hack,提示将适应你在里面写的内容.

如果要将固定大小更改none为所需大小(例如:500px).

Answer 2

我所做的是创建自己的类/风格.

在HTML页面中

jQuery("#tooltip").qtip({ 
    content: {    
         text : "tooltip", 
         title:{ text: "Row Information", button: 'Close'}
    }, 
    style: {classes: "MyQtip"},
    show: {solo: true},
    hide: false
});

在我的CSS中,我有

.MyQtip {max-width: 1000px}

Answer 3

我遇到了同样的问题。

在 qtip.css 中，您可以更改 max-width ：

.qtip{
    max-width: 460px;
}

每当你想使用它时：

var widthValue = '280px';
if ( someothercondition == true ) { widthValue = '480px'; }    

jQuery("#tooltip").qtip({ 
    content:{    
        text : "tooltip", 
        title:{ 
            text: "Row Information",
            button: 'Close'
        }
    }, 
    style: {
        width: widthValue 
    },
    show:{
        solo: true
    },
    hide: false
});