0

GlobalPost は、新しいビジネス ページに Isotope を使用することに非常に興奮しています。

http://www.globalpost.com/business-news

Drupal で実行しているため、各ページで古いバージョンの jquery が既に実行されています。

ページのように新しいJQに名前空間を付けました

    <script type="text/javascript" src="/sites/all/themes/globalpost_3/js/jquery-1.7.1.min.js"></script>    
<script type='text/javascript'>
  // added to run both jquery releases on page and stop conflist with old JQ libraray
 var jQuery_1_7_1 = jQuery.noConflict(true);
</script> 
<script type="text/javascript" src="/sites/all/themes/globalpost_3/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="/sites/all/themes/globalpost_3/js/gp5_biz.js"></script>

最後に、isitopeの最小バージョンをそのように編集しました

....eturn this}})(window,jQuery_1_7_1);

ご覧のとおり、正常にロードされ、正常に実行されますが、ウィンドウのサイズを変更すると、ブロックはリフローしません。フィルターまたは並べ替えを選択した場合、それらは実行されますが、ウィンドウのサイズ変更は行われません。私はあなたのコードを長く見ましたが、何が問題を引き起こしているのか、またはそれを修正する方法を理解できないようです.

競合を避けるために jq ライブラリに名前を付ける必要がありますが、サイズ変更はうまくいきました。他の人は、Isotope で名前空間の JQ を使用する必要があると確信しています。

ご協力いただきありがとうございます

4

2 に答える 2

0

どこで (そしてどのように) 同位体を初期化しますか? 参照されているjqueryに関係している可能性があります。私はこのようにしました:

var jQuery171 = jQuery.noConflict(true);
jQuery171(function(){
    var $container = jQuery171("#container");
    $container.isotope({
        itemSelector: ".element"
    });
});
于 2012-05-03T20:46:40.557 に答える