YUI工具提示小部件传递类名而不是id?

时间:2011-08-08 14:08:13

标签: javascript yui

如何将类名传递给YUI2tooltip:http://developer.yahoo.com/yui/examples/container/tooltip.html而不是ID?

我试图这样做:

YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip(
    YAHOO.util.Dom.getElementsByClassName('annotation-rating'), {
        context:"ctx",
        text:"My text was set using the 'text' configuration property"});

YAHOO.example.container.tt2 = new YAHOO.widget.Tooltip(
    YAHOO.util.Dom.getElementsByClassName('annotation-rating'), {
        context:"link" });

2 个答案:

答案 0 :(得分:0)

查看docs,看起来你切换了id和上下文参数。

id参数似乎是针对各个生成的工具提示的id(由于我们没有使用它们而传递null?)而context参数是针对正在转换为工具提示的元素:

YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip( null, {
    context: YAHOO.util.Dom.getElementsByClassName('annotation-rating'),
    text:"My text was set using the 'text' configuration property"
});

警告 - 我真的不使用YUI,所以我不知道这是否有效......

答案 1 :(得分:0)

由于YAHOO.widget.tooltip只能接受一个元素,因此选择器需要更具体:

YAHOO.util.DOM.getElementsByClassName(className, tagName, rootNode)