Question

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

我在启动灯箱的页面上动态生成了链接，即他们使用了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 ready事件中

                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类的版本解决数据。*属性？在我尝试之前，我想看到我没有咆哮错误的树。

由于

Answer 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>

这样，您可以避免冲突。

Answer 2

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

在mootools中使用rel属性发生冲突

2 个答案: