Shopify プラットフォーム上にサイトを構築していますが、あるページで JavaScript の競合が発生します。競合の正確な原因を特定する方法がわかりません。これを特定する方法についての情報をいただければ幸いです。
要点は次のとおりです。
これは私がテストページとして使用しているページです。scripts.jsをミュートしない限り、アイソトープ スクリプトのフィルターのクリック機能は何もしません。
これは、問題の 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 -->
具体的な競合が何であるかを知る方法についてのヒントがあれば幸いです。より多くの/別の情報を提供する必要がある場合はお知らせください。
ありがとう、アレックス