前提・実現したいこと
カラーミーショップでオリジナルテーマを作っているのですが、バージョンの違いでjQueryが動かないです。両方動かせるようにしたいです。
https://souvenir-club.shop-pro.jp
発生している問題・エラーメッセージ
どちらか一つのバージョンに設定するとどこかが動かなくなってしまっている。(トップスライダーは動いているが、ハンバーガーメニューが動かない。など)
jQueryのバージョンを
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> にするとスライダーは動きます。しかしハンバーガーメニューなど他のjQueryが動かなくなります。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> にすると、他のjQueryは動くのですが、スライダーは動かなくなってしまいます。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> はもともとカラーミーショップ側で読み込んでいるバージョンです。 ### 現在のコード ```HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:mixi="http://mixi-platform.com/ns#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html; charset=euc-jp" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>souvenir-club</title> <meta name="Keywords" content="SOUVENIR CLUB" /> <meta name="Description" content="" /> <meta name="Author" content="" /> <meta name="Copyright" content="GMOペパボ" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <link rel="stylesheet" href="https://souvenir-club.shop-pro.jp/css/framework/colormekit.css" type="text/css" /> <link rel="stylesheet" href="https://souvenir-club.shop-pro.jp/css/framework/colormekit-responsive.css" type="text/css" /> <link rel="stylesheet" href="https://souvenir-club.shop-pro.jp/css/cross-border-cart.css" type="text/css" /> <link rel="stylesheet" href="https://img21.shop-pro.jp/PA01430/787/css/3/index.css?cmsp_timestamp=20190703112841" type="text/css" /> <link rel="alternate" type="application/rss+xml" title="rss" href="https://souvenir-club.shop-pro.jp/?mode=rss" /> <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <meta property="og:title" content="souvenir-club" /> <meta property="og:description" content="" /> <meta property="og:url" content="https://souvenir-club.shop-pro.jp/" /> <meta property="og:site_name" content="souvenir-club" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $.noConflict(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="jquery.sample.js"></script> <meta name="viewport" content="width=device-width"> <script> var Colorme = {"page":"top"}; </script> <script> (function() { function insertScriptTags() { var srcs = []; var entry = document.getElementsByTagName('script')[0];srcs.forEach(function(src) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = src; script.async = true; entry.parentNode.insertBefore(script, entry); }) } window.addEventListener('load', insertScriptTags, false);
})();
</script>
### 試したこと 下のurlを参考に、もともと読み込んであるjQueryを一回削除してまた新しいバージョンを読み込むという方法を試しましたが、変化なしでした。 https://helog.jp/javascript/jquery-noconflict/ https://souken-blog.com/2016/11/08/colormeshop-sono001/
回答2件
あなたの回答
tips
プレビュー