こんにちは。
ワードプレスにてプラグインのContact Form 7とこちらが用意したjQueryプラグインが競合し、Contact Form 7の方で「フォームの送信ボタンクリック後、回転する矢印のアイコンは現れるがその状態がずっと続きメッセージを送れない」という状況になってしまいます。
過程として、まず「jquery.toc.js」というファイルにコードを記入し、FTPソフトにて「/wp-content/themes/使用しているテーマ/js」に入れました。「jquery.toc.js」は記事中の見出しを集めて目次にするプラグインです。
コードを記入した場所は「jquery.toc.js」と「header.php」内で記入した内容は以下になります。
◆jquery.toc.js内()
jQuery.fn.toc = function(depth) { return this.each(function() { var headers, re, i; headers = []; re = new RegExp("h([3-" + depth + "])", "i"); i = 0; jQuery("*").each(function() { var ms; ms = jQuery(this).get(0).tagName.match(re); if(ms) { jQuery(this).prop("id", "header" + i); headers.push([ parseInt(ms[1]), "<a href='#header" + i + "'>" + jQuery(this).html() + "</a>" ]); i++; }//if(ms) { });//jQuery("*").each(function() { jQuery(this).append(array2ul(headers)); });//return this.each(function() { }//function(depth) function array2ul(a) { var t, exlevel, level, i, j; t = ""; exlevel = 0; for(i = 0; i <= a.length; i++) { level = i < a.length ? a[i][0] : 0; for(j = 0; j < Math.abs(exlevel - level); j++) { t += exlevel < level ? "<ul>" : "</ul>"; } t += i < a.length ? "<li>" + a[i][1] + "</li>" : ""; exlevel = level; } return t; }
header.php内
<script type="text/javascript" src="http://xn--eckvb0amy1cyjzaet8p0156agg9b1cwgxxxb.net/wp-content/themes/tplzanmai_3cr_biz_v1.1/js/jquery.toc.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#mokuji").toc(6); }); </script> <!-- 以下は目次をクリックした時に自動スクロールしながらその見出しまで飛ばすためのコードです --> <script> jQuery(function(){ jQuery('a[href^=#]').click(function() { var speed = 400; var href= jQuery(this).attr("href"); var target = jQuery(href == "#" || href == "" ? 'html' : href); var position = target.offset().top - 60; jQuery('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); </script>
「jquery.toc.js」ファイルとheaderに記載したコードを削除する事によってコンタクトフォーム7が問題なく動作し、コンタクトフォーム7を無効化すると上記のjQueryプラグインが問題なく動作するので、上記の記述が問題だと考えました。
試したことやその他状況
・上記のようにコードの$をjQueryに変えた。
・目次を作っていない記事でも同様の問題が起こる。
・chromeの要素検証のconsoleタブの状況
問題の解決をしたいです。ご助力お願い致しますm(_ _)m
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/12 04:16
2018/03/12 04:21
退会済みユーザー
2018/03/12 04:36
2018/03/12 05:05 編集
退会済みユーザー
2018/03/12 05:10