2024.04.23
common.js などすべてのページで読み込まれるスクリプトに、特定のJSライブラリやプラグインの機能を実行する記述してしまうと、そのJSライブラリを読み込んでいないページではエラーが出てしまいます。
以下のように該当機能が使えない場合には処理を中断することで、エラーを回避することができます。
●グローバル変数やグローバル関数が提供される場合（例：splide.js など）
●jQueryオブジェクトのプロパティとして提供される場合（例：slick.js など）
以下のように該当機能が使えない場合には処理を中断することで、エラーを回避することができます。
●グローバル変数やグローバル関数が提供される場合（例：splide.js など）
$(function() {
if (typeof Splide === 'undefined') {
return;
}
new Splide( '.target' ).mount();
});
●jQueryオブジェクトのプロパティとして提供される場合（例：slick.js など）
$(function() {
if (typeof $.fn.slick === 'undefined') {
return;
}
$(".target").slick();
});
コメントする