Dom 与mootools中rel属性的使用冲突

寻找对这个问题的一些见解

我在一个页面上动态生成了链接，启动了一个lightbox，即他们使用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;">

这一切都很好，除了tip使用rel属性来存储数据，我假设它是html5之前的版本-所以我的问题是，这是否意味着我需要在mootools中创建自己版本的Tips类来处理数据。*属性？在我尝试之前，我想看看我是不是找错了人

---

谢谢

您能否在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>

---

这样可以避免冲突。

能否在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>

这样，您就可以避免冲突。

'文档说明您可以更改为提示文本选中的属性。默认情况下，它是

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
});

'文档说明您可以更改为提示文本选中的属性。默认情况下，它是

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
});