1

寻找对此问题的一些见解。

我在启动灯箱的页面上动态生成了链接，即他们使用 rel="lightbox[...]" 我还在超链接上放置了一个类以使工具提示起作用。

<a id="a_-1_6" class="Tips2" href="/media/63/forest_150.jpg" rel="lightbox[examples]" data-title="Tractor" data-desc="description..." data-rel="std" title="" style="opacity: 1; visibility: visible;">

并且在 dom 就绪事件中

                var Tips2 = new Tips($$('.Tips2'), {
                initialize: function() { this.tip.fade('hide'); },
                onShow: function(tip) { tip.fade('in');  },
                onHide: function(tip) { tip.fade('out'); }
            });

这一切都很好，除了提示使用 rel 属性来存储数据，我假设它是一个 pre-html5 - 所以我的问题是这是否意味着我需要在 mootools 中制作自己的 Tips 类版本才能解决数据。*属性？在我尝试之前，我想看看我没有找错树。

谢谢

4

2 回答 2

1

您能否在 Ahref 中创建另一个元素，例如：

<a id="a_-1_6" href="/media/63/forest_150.jpg" rel="lightbox[examples]" data-title="Tractor" data-desc="description..." data-rel="std" title="" style="opacity: 1; visibility: visible;">
    <span class="Tips2">blah</span>
</a>

这样，您可以避免冲突。

于 2012-01-19T01:53:06.687 回答
0

Tips的文档指出，您可以更改为提示文本检查的属性。默认为rel或href，但你可以在初始化新的提示时更改它：

var Tips2 = new Tips($$('.Tips2'), {
    initialize: function() { this.tip.fade('hide'); },
    onShow: function(tip) { tip.fade('in');  },
    onHide: function(tip) { tip.fade('out'); },
    text: 'data-text'        // Will now check the data-text property for tooltip text
});
于 2012-01-19T22:00:40.730 回答