する質問をすることでしか得られない、回答やアドバイスがある。17いつも大変お世話になっております。幾つかのプラグインが同時に利用できない状況です。});</script>と(B)パソコン版でスクロールするとヘッダーに固定メニューを表示させる[jquery-fixed.js](https://belcantolibrary.com/wp/wp-content/themes/belblank_v5.2/js/jquery-fixed.js)スクロールすると右下にトップに戻るボタンを表示するfixed.jsが同時に利用できない状況です。AとBをheadに記述すると後述のjsファイルが動かなくなる状況です。競合を起こしているのは上記のプラグインのみのようでした。※ただ、スマートフォンでみるとdrawer.min.jsjquery-scrolls.jsの順で記述すればなぜかどちらも動作します。{をjQuery(function($)に修正してみましたが解消しませんでした。関数」の代わりに別の関数「$d」のような任意の関数を定義してみたのですが、こうすると競合以前にプラグインが動作しなくなってしまいました。(2)を記述した際はAとBを下記のように修正しました。他に下記のプラグインを導入していますが、こちらは動作しております。object-fitを適用させるプラグイン)AとBを競合を起こさずに、同時に利用する方法はありませんでしょうか?お忙しいところお手数をおかけしますが、どうぞご指導よろしくお願いいたします。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。13:43$d関数を定義してみた時にどうやって定義したのかを質問に追記してください。$d関数を定義してみた時にどうやって定義したのかを質問に追記してください。14:03参考にされているURLを、なぜ短縮URLにされているのでしょうか。参考にされているURLを、なぜ短縮URLにされているのでしょうか。編集kei344様ご指摘ありがとうございます。見る側の立場で考えるとどこのサイトかわからないのではアクセスするのに不安を感じるだろうことに考えが至り、修正しました。以後は短縮URLを使わずに記入いたします。ご指摘ありがとうございます。見る側の立場で考えるとどこのサイトかわからないのではアクセスするのに不安を感じるだろうことに考えが至り、修正しました。以後は短縮URLを使わずに記入いたします。14:36なぜhttpと書かないのでしょう。URLにはリンクがはれますよ。httpと書かないのでしょう。URLにはリンクがはれますよ。ご指摘をさせてしまい申し訳ありません。リファラを隠すという意味があるので掲示板等に書くときはhを削ったほうが良いと昔聞いたことがあったので省いたのですが、ご不快に思わせてしまったのであれば申し訳ありませんでした。こちらも修正いたしましたのでどうぞよろしくおねがいします。ご指摘をさせてしまい申し訳ありません。リファラを隠すという意味があるので掲示板等に書くときはhを削ったほうが良いと昔聞いたことがあったので省いたのですが、ご不快に思わせてしまったのであれば申し訳ありませんでした。こちらも修正いたしましたのでどうぞよろしくおねがいします。ご指摘ありがとうございます。$d関数で記述したときのものを投稿に追加しました。ご指摘ありがとうございます。$d関数で記述したときのものを投稿に追加しました。14:49ちょっとごちゃっとしてわかりずらいですね。AはDrawer/iScrollでしょうか?私がググって参近にしたサイトではjQueryと一緒に使っていたのでちょっとコンフリクトとは考えずらいです。してわかりずらいですね。AはDrawer/iScrollでしょうか?私がググって参近にしたサイトではjQueryと一緒に使っていたのでちょっとコンフリクトとは考えずらいです。きれいなコードでなく誠に申し訳ありません。Aはおっしゃる通り、Drawer/iScrollです。コンフリクトではないのであれば私が追加しようとしたscroll.jsとfixed.jsが間違っているのだとおもいます。きれいなコードでなく誠に申し訳ありません。Aはおっしゃる通り、Drawer/iScrollです。コンフリクトではないのであれば私が追加しようとしたscroll.jsとfixed.jsが間違っているのだとおもいます。16:02URLのhを削るネタは2ch発祥ですね。20世紀の悪しき風習なので真似しないでください。Markdownのリンクを張る書き方で確実に記載してください。そっちの方がかっこいいですからね!URLのhを削るネタは2ch発祥ですね。20世紀の悪しき風習なので真似しないでください。Markdownのリンクを張る書き方で確実に記載してください。2ch発祥だったのですね。情報を更新せず調べもしていなかったことを恥ずかしく思います。以後気をつけるよういたします。ありがとうございます。2ch発祥だったのですね。情報を更新せず調べもしていなかったことを恥ずかしく思います。以後気をつけるよういたします。ありがとうございます。17:21対応ありがとうございます。b対応ありがとうございます。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+2サイトの方を拝見しました。jQueryを使う上で、ちょこっと気になった点なども含めて回答します。href="//cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js?ver=1.2.1">DNSの先読みが設定されていますが、ドメインだけで大丈夫です。ちなみにhttpsの場合は先読みできません。(ブラウザ設定で変更可)次に下記jQuery読込が2行連続で記載されていますが、migrateはjQueryを読み込んでからと、順序が決まっています。APIを使うためのもので、jquery-1.4.2を使う場合には不要です。上記jquery-1.4.2が読み込まれた後、最終的にはjquery-2.1.4が読み込まれています。src="https://code.jquery.com/jquery-2.1.4.min.js"></script>この行以降はjquery-2.1.4が有効なバージョンとして動作します。必要か不要かは利用するjQueryプラグインで決定すべきとなります。いくつか試されたとのことでjQuery.noConflict();に関しましては、jQueryがデフォルトで定義する変数名$を使わないというものでして、例えば同じく$を使うprototype.jsといった別のライブラリとの併用や、jQueryのバージョン違いを共存させる際に利用します。プラグインの競合では意味はありません。関数」の代わりに別の関数「$d」のような任意の関数を定義してみたのですが、こうすると競合以前にプラグインが動作しなくなってしまいました。これに関してはnoConflictを使って$fにjQueryを代入して、$を使えなくしているのに、$(window)で$を使おうとしているために動かなかった可能性が考えられます。F12でデバッグコンソールを表示させて、エラー内容をお確かめ下さい。このようなミスを避けるために、下記のような書き方もあります。$を普通に使いつつ、jQueryのバージョンをコントロールすることが可能です。//このスコープ内では$に$224がバインドされています。//このスコープ内では$に$190がバインドされています。//このスコープ内では$に$142がバインドされています。//変数に割当が完了しているなら、後からでも処理を追加できます。//ただし実行順序に注意が必要です。//上記の場合`1.4.2?`が最後に実行されます。//もしバージョン管理が必要な際は挙動を把握しておくと良いでしょう。</script></head><body></body></html>以上、jQueryの基本を踏まえまして(上記コードは解決策ではありません)サイトのソースを見ていて気になった点はjquery-scrolls.jsとjquery-fixed.jsに同じ処理が登録されていますが、これは大丈夫ですか?スマートフォンでdrawer.min.jsとjquery-scrolls.jsの順序を変えられたようですが、jquery-fixed.jsにも同じような処理が記載されているので、なにがどう邪魔をしているのか、切り分けがまだできていないように思えます。不要なものを排除し、読み込む順序をしっかり把握し、検証する必要があると思います。それでも同じ現象が発生するようなら、スマホならdrawerのみ適用、パソコンならfixed.jsのみ適用とし、同時に利用しないようにjsを書くという手もあるかと思います。fixed.jsのほうはCSSアニメーション等をうまく使えば、$.fn.animateは不要で、$.fn.addClassと$.fn.removeClassを使い、クラスの追加と削除だけで実現できそうな気もします。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。編集so87様この度は丁寧でわかりやすいご回答、本当にありがとうございます。ご指導に沿って修正を行ったところ、改善することができました。>DNSの先読みが設定されていますが、ドメインだけで大丈夫です。>ちなみにhttpsの場合は先読みできません。(ブラウザ設定で変更可)こちらは、WordPressで自動的に挿入されたものなのですが、どうしても外せなかったのでこのまま運用したいと思います。function.phpで制御できないかも調べていろいろ試してみたのですがどうしてもわかりませんでした。>次に下記jQuery読込が2行連続で記載されていますが、migrateはjQueryを読み込んでからと、順序が決まっています。こちらはWordPressのプラグインが自動的に挿入していたようですので、設定で1.2.1とmigrateは読み込まないようにして、jquery-2.1.4のみを読み込むように変更しました。未熟ではありますが、出来る限りスキルアップできるようはげみますので、どうぞ今後ともよろしくおねがいします。この度は丁寧でわかりやすいご回答、本当にありがとうございます。ご指導に沿って修正を行ったところ、改善することができました。>DNSの先読みが設定されていますが、ドメインだけで大丈夫です。>ちなみにhttpsの場合は先読みできません。しても外せなかったのでこのまま運用したいと思います。してもわかりませんでした。>次に下記jQuery読込が2行連続で記載されていますが、migrateはjQueryを読み込んでからと、順序が決まっています。こちらはWordPressのプラグインが自動的に挿入していたようですので、設定で1.2.1とmigrateは読み込まないようにして、jquery-2.1.4のみを読み込むように変更しました。今後ともよろしくおねがいします。キャンセル完了するlink0>サイトのソースを見ていて気になった点はjquery-scrolls.jsとjquery-fixed.jsに同じ処理が登録されていますが、これは大丈夫ですか?so87様がご指摘くださった通り、どちらもに同じ処理を記載していて、片方を削除し忘れていたようす。方に問題があるようでした。jquery-scrolls.jsだけであれば、順番をdrawer.jsとiscroll.jsの前にすればどちらも動作しましたので、so87様のアドバイスいただいた>fixed.jsのほうはCSSアニメーション等をうまく使えば、$.fn.animateは不要で、$.fn.addClassと$.fn.removeClassを使い、クラスの追加と削除だけで実現できそうな気もします。こちらをヒントに、fixed.jsのほうはCSSアニメーション等を用いてアニメーションさせるようにした上で、以下のように変更したところすべて動作するようになりました。}}本当にお世話になりました。ありがとうございます。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。解決済jqueryで.cssのプロパティの変化のタイミングを制御したい解決済SPで「一定スクロールされると固定される」ものが効かない解決済drawer.jsを使ったWordPressのサイトのレスポンシブ化が上手くいきません解決済jqueryでボタンが点滅してしまいます。戻るボタンが背面に隠れてしまう。頂いたご意見への回答は行っておりません。