組み込んだサイトのjQueryが動かない
大高さん (2023-02-18 17:55:02) keijinkai.akita.jp/new/contact.html
はじめまして。いつもメールフォームcgiを使用させていただいております。
大変手軽に導入でき、助かっております。ありがとうございます。
この度、お客様からのご要望で制作するサイトに確認画面を通したフォームを設置したいということになり、メールフォームプロを導入しました。
設置は問題なく、ページのカスタマイズもサンプルをベースに使用させていただき、形にはなったのですが(送受信も問題ありません)既存のページ(html)内でjQueryを使用したFixed headerとトップへ戻るボタンが動かなくなってしまいました。(thanks.htmlも同様)
mfp.statics/mailformpro.cssを外すと動くのですが、今度は画面上に透明なレイヤーが入ったように入力ができません。
FAQでの他の方のスレッドも拝見し、やはりmfp.statics/mailformpro.cssを読み込まないと動かないようですが、どこかが競合しているということでしょうか?
JSの読み込み順を変えたり外部読み込みにしたりもしてみましたが動きませんでした。
JS、cgi等の知識があまりなく八方ふさがりになってしまい、投稿させていただきました。
お忙しいところ恐縮ですがご教授いただければ幸いでございます。
初メールで長文、失礼いたしました。なにとぞよろしくお願いいたします。
組み込んだサイトのjQueryが動かない 解決しました
大高さん (2023-02-24 13:27:28) keijinkai.akita.jp/new/contact.html
お世話になっております。
表題の質問について、知り合いのデザイナーさんにも相談してみたところ、解決いたしました。
JSやcssの競合・読み込み順ではなく、mailformpro.css内のbody {
overflow-x: hidden;
}(3行目~)をコメントで止めたところ、無事に動きました。
お手数おかけしました。ありがとうございました。