mootoolsでのrel属性の使用との競合

Question

この問題の洞察を探しています。

ライトボックスを起動するページにリンクを動的に生成しました。つまり、rel = "ライトボックス[...]"を使用しています。また、ツールチップの作業をするためにハイパーリンクにクラスを配置しています。

<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属性を使用して除いて、私はその前のHTML5と仮定しています正常に動作します - だから私の質問は、データを処理するmootoolsのTipsクラスの独自のバージョンを作る必要があるということです。私はそれを試す前に間違った木を吠えているわけではないと思っています。

おかげ

Answer 1

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

Answer 2

あなたは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> 

この方法で、あなたは競合を避けることができます。