0

プロトタイプ/scriptaculousで実行されるMagento Goストア内でjQueryライトボックス(ライトボックス2)を実行しようとしています。

$ を次のようなjQueryに置き換えることにより、オービットスライダーなどの「アクティベーション」（より適切な用語がないため）が必要なjQueryスクリプトを正常に追加して実行しました

<script type="text/javascript">
 jQuery(window).load(function() {
     jQuery('#featured').orbit();
 });
</script>

私の理解では、orbit の js が実行されると、そのように呼び出された jQuery を使用することが「認識」されます。

ただし、Lightbox 2 では、そのような「アクティベーション」は必要ありません。必要なことは、js ファイルをロードして css ファイルをインクルードすることだけです。

<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

スクリプトは、rel='lightbox' を持つすべてのリンクを取得すると思われます。

私はそれを正しく動作させることができないので、他のライブラリと競合していると私の直感は教えてくれますか?

質問は -- jQuery.noconflict モードで実行されるように js をロードするにはどうすればよいですか?

前もって感謝します。ライアン

ps-lightbox.js https://github.com/lokesh/lightbox2/blob/master/js/lightbox.js

4

2 に答える 2

0

lightbox.js で、43 行目を置き換えてみてください。

(function() {

と：

(function($) {

そして、351 行目 (最後) を次のように置き換えます。

}).call(this);

これとともに：

}).call(this, jQuery);

わからない ：/

于 2012-04-15T05:07:49.593 に答える
0

この例に沿って何かを試してください。

<script type="text/javascript"> 
    var $ = jQuery.noConflict();

    $(document).ready(function($) {
        $('#featured').orbit({
            interval: 4500  
        })
    }); 
</script>
于 2014-03-26T16:38:55.040 に答える