Question

我正在尝试使用qTip jQuery插件为我的网站添加一点天赋，但我根本无法使用它。我已经阅读了一些文档，但它根本没有帮助。基本上，我正在尝试做一些基本的东西，如样式弹出窗口和东西，但它不起作用。我可以让弹出窗口工作，但完全自定义它们是一个问题。例如：

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

根本没有定位弹出窗口，如下所示：

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

根本没有造型。我在这里缺少什么？

Answer 1

这很简单。
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;
}

对qTip查询感到沮丧

1 个答案: