bxsliderがロードされたときにcolorboxがrel属性でブレークする

Question

多くのデバッグの後、私は結論に達しました。これらの2つのライブラリは衝突しています。リンクが相対または$（「何か」）を持っている場合

• を再現するためにどのように

  私は別の、両方のそれらをテストし、彼らは動作しますが、一緒に使用する場合（および属性物事が壊れrelがあります）。カラーボックス（{rel： '何か'}）;

• $（ 'somethingelse'）。bxSlider（...）;付きカラーボックスを（だけでなく、共有オプション）を持つ任意の画像をクリックすると

カラーボックスが失敗します。

Uncaught TypeError: Cannot read property 'rel' of undefined

のコードの問題の行は、次のとおりです。

 if (settings.rel !== 'nofollow') { 
      $related = $('.' + boxElement).filter(function() { 
       var relRelated = $.data(this, colorbox).rel || this.rel; 
       return (relRelated === settings.rel); 
      }); 

私は同様のを見つけましたDo I use jQuery noconflict to avoid plugins conflict?号を発行しましたが、効果は異なります。しかし、その原因は類似しているようです。その質問に答える人によると、問題は、bxSliderがcolorboxによって設定された$ .data（）を消してしまうことです。

だから私の質問は以下のとおりです。

• はこれを回避する方法はありますか？
• colorboxのバグですか？
• bxSliderのバグですか？

Answer 1

あなたのコードをもっと見ることなく、私はあなたのやろうとしていることを伝えることはできません。あなたの$('something').colorbox({rel:'something'});がちょっと変わっていて、挿入するクラス、ID、実際のrel属性の値がわからない。 colorboxのrelオプション（rel： 'something'）とその動作を確認することができます。 http://www.jacklmoore.com/colorbox

これらの2つのプラグインを併用すると問題はありません。私はon jsbinを試して、エラーなく正常に動作します。

自身のためにここを参照してください：http://jsbin.com/ovucuz/11/edit#javascript,html,live

Answer 2

私はこの質問を尋ねたが、私は同様の問題を抱えていたし、ずっと私のためにエラーが苦労した後、私はbxslider前にカラーボックスを呼んでいたということだったので、私は変更のあった年齢を知っています呼び出しの順序とそれは魅力として動作します。多分誰かがこれによって助けられるでしょう。