前提・実現したいこと
発生している問題・エラーメッセージ
はじめまして。ワードプレス初心者です。
https://codepen.io/marlenesco/pen/NqOozj
こちらのものをワードプレスではない普通のホームページで使っています。
動いているものをそのままワードプレスでもコピペしてみたのですが動きません。
jQueryは<head>内でgoogleから読み込み、上記codepenのjsは</body>直前で読み込んでいるjsファイル内に書いています。
他に書いているjs(ヘッダ固定とかです)は動くので、これだけが動かない状態です。
該当のソースコード
javascript
1$(function() { 2 $('.material-card > .mc-btn-action').click(function () { 3 var card = $(this).parent('.material-card'); 4 var icon = $(this).children('i'); 5 icon.addClass('fa-spin-fast'); 6 7 if (card.hasClass('mc-active')) { 8 card.removeClass('mc-active'); 9 10 window.setTimeout(function() { 11 icon 12 .removeClass('fa-arrow-left') 13 .removeClass('fa-spin-fast') 14 .addClass('fa-bars'); 15 16 }, 800); 17 } else { 18 card.addClass('mc-active'); 19 20 window.setTimeout(function() { 21 icon 22 .removeClass('fa-bars') 23 .removeClass('fa-spin-fast') 24 .addClass('fa-arrow-left'); 25 26 }, 800); 27 } 28 }); 29 });
試したこと
調べてみたのですが、ワードプレスだと $ を jQuery に書き換えると出てきたので変えてみましたが、変えても動きませんでした。
(全部変えたり最初だけ変えたり色々試しましたがどれも動きませんでした)
何が原因なのかわからず、お手上げ状態です。
どなたかお知恵を拝借させてください。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー