我如何找出兩個jquery腳本之間的沖突到底是什么？

Question

我在Shopify平台上構建了一個網站，並且在一頁上發生了JavaScript沖突。 我不知道如何找出導致沖突的確切原因-我將不勝感激！

要點如下：

這是我用作測試頁的頁面。 除非我將scripts.js靜音，否則同位素腳本過濾器上的click函數不會執行任何操作。

這來自相關的html文件：

  <!-- conflict!
  << path to 'scripts.js' >>
  -->

  <!-- Begin Isotope -->
  << path to 'jquery.isotope.min.js' >>

  <script>
    $(window).load(function(){

      var $container = $('#isocontainer'),
          $filterLinks = $('#isofilters a');

      $container.isotope({
        itemSelector: '.item',
        filter: '*'
      });

      $filterLinks.click(function(){
        var $this = $(this);

        // don't proceed if already selected
        if ( $this.hasClass('selected') ) {
          return;
        }

        $filterLinks.filter('.selected').removeClass('selected');
        $this.addClass('selected');

        // get selector from data-filter attribute
        selector = $this.data('filter');

        $container.isotope({
          filter: selector
        });
      });
    });
  </script>
  <!-- End Isotope --> 

關於如何找出具體沖突的任何提示，我都會感到滿意。 讓我知道是否需要提供更多/不同的信息。

謝謝，亞歷克斯

Answer 1

您是先加載JQuery嗎？

我的猜測是在Scripts.Js文件中使用$運算符存在問題。 是否有理由在$（window）上使用Jquery（window）....？ 與Jquery（document）.ready（.. over $ {document）.ready（....？

您應該能夠只使用$而不是JQuery。

Answer 2

我不能完全理解你的問題。 我認為您的jquery腳本與其他庫沖突。如果這是問題，請檢查以下腳本

var hack = $.noConflict();

在使用$的腳本的每個部分中使用hack代替$。

問候