0

我正在尝试使用 qTip jQuery 插件为我的网站添加一点风格,但我一点也没有得到它。我已经阅读了一些文档,但它根本没有帮助。本质上,我正在尝试做一些非常基本的事情,比如设置弹出窗口和其他东西的样式,但它不起作用。我可以让弹出窗口工作,但完全自定义它们是一个问题。例如这样的事情:

$('.hoverDes[title]').qtip({
    position: {
        my: "bottom-right",
        at: "top-left",
        target: $(".hoverDes")
    }
});

根本没有定位弹出窗口,如下所示:

$('.hoverDes[title]').qtip({
    style: {
        background: orange;
    }
});

根本没有设计它们。我在这里想念什么?

4

1 回答 1

0

这很简单。
PD:我没有阅读文档,我不知道是否可以通过命令设置样式,但是您可以使用基本的 css 设置它们的样式。
http://craigsworks.com/projects/qtip2/demos/

当您将鼠标悬停在一个元素上时,qtip 会生成并附加一些带有这些类的 div:

ui-tooltip qtip ui-helper-reset ui-tooltip-default  ui-tooltip-pos-tl


在 Firefox 中使用 Firebug。然后找到那些 div。

作为一个简单的示例,您会发现 jquery.qtip.min.css 中的那些规则将用于设置颜色样式。

.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
  background-color: #FFFFA3;
  border-color: #F1D031;
  color: #555555;
}
于 2012-03-04T05:05:52.773 回答