在mootools中使用rel屬性衝突

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已準備就緒事件

   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> 

這樣，你能避免衝突。