Title: 初めてのjQuery・・・動きません Last modified: 2016年10月3日 --- # 初めてのjQuery・・・動きません * 解決済 [yusaku](https://ja.wordpress.org/support/users/yusaku/) * (@yusaku) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/) * jQueryを使うのは初めてです。 『jquery.matchHeight』を使おうと、色々試したのですが、 動きません。 * phpは、勉強し始めたばかりで、ほとんどわからないので、初歩的なミスによるものかも しれませんが、原因が分からず困っています。 宜しくお願いします。 * chromeのデベロッパーツールでは、エラーは出ていません。 テーマは「Attitude」を 使っています。 * 以下の手順で行いました。 * ●親テーマのディレクトリに「js」フォルダを作り、「jquery.matchHeight.js」を置き ました。 * ●header.phpのの下に、 * `` * を記述しました。 * ちなみに、このすぐ後に、次のコードがきます。 * ``` ``` * ●の直前に、以下を記述しました。 * ``` ``` * （※動かなかったので、footer.phpの直前に入れて試してみましたが、それもダメ でした） * ●固定ページ（[http://okharikyuu.sunnyday.jp/tejyun.html](http://okharikyuu.sunnyday.jp/tejyun.html)） 内の横並びしたい要素にクラス名をつけました。 *
* 実際のHTMLは以下のようになっています。 * ```
[caption id="attachment_3602" align="alignnone" width="400"]1 ベッドに自然に腰かけていただき、後ろからお体を診ます 1 ベッドに自然に腰かけていただき、後ろからお体を診ます[/caption]
[caption id="attachment_3603" align="alignnone" width="400"]2 肩の高さの左右差、背骨のゆがみ、腰背筋の左右差などを確認します 2 肩の高さの左右差、背骨のゆがみ、腰背筋の左右差などを確認します[/caption]
[caption id="attachment_3604" align="alignnone" width="285"]3 腕を回して、どのくらい回るかを診て、肩甲骨まわりの固さ、肩関節に問題がないか、肩甲骨と腕が自然に連動しているかなどを確認します 3 腕を回して、どのくらい回るかを診て、肩甲骨まわりの固さ、肩関節に問題がないか、肩甲骨と腕が自然に連動しているかなどを確認します[/caption]
``` * 上記のやり方では、高さに変化はありません。 どうぞよろしくお願いします。 5件の返信を表示中 - 1 - 5件目 (全5件中) * [Shoki Hirayama](https://ja.wordpress.org/support/users/shokemyster/) * (@shokemyster) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183424) * ``` ``` * 3行目ですね。 `'.one-third syasin'` だと、.one-thirdの中のsyasinという意味に なってしまいますので、 .one-thirdもしくはsyasinだけでOKです。 （あとsyasinクラス の前のドットもミスってます） * つまり * ``` ``` * か * ``` ``` * でイケるはずです。 * さぁどーでしょう。 * トピック投稿者 [yusaku](https://ja.wordpress.org/support/users/yusaku/) * (@yusaku) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183425) * Shoki Hirayama様 * ご指摘ありがとうございます。 素早くレスポンスしていただけて、大変ありがたいです。 * .one-thirdもしくはsyasinだけにすべきなのですね。 勉強になりました。 * もう1点ご指摘いただいた、syasinクラスの前のドットのミスは、どこが間違っているか、 恥ずかしながら、分かりませんでした。。 * とりあえず、教えていただいたコードを、どちらもコピペして試してみたのですが、やはり 高さは変わりませんでした。 * もし、他にお気づきの点がありましたら、宜しくお願いします。 * [Shoki Hirayama](https://ja.wordpress.org/support/users/shokemyster/) * (@shokemyster) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183426) * 再度サイトを見てみましたが、しっかりとheightは変わっていましたよ！ あとはCSS を調整するだけです。 * こちらのCSSをどこかに入れてみてください。 * ``` .wp-caption { background-color: transparent; border: none; margin:0; } .syasin { background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 3px; height: auto; padding: 4px 3px 2px; } ``` * また下記の * > もう1点ご指摘いただいた、syasinクラスの前のドットのミスは、どこが間違っているか、 > 恥ずかしながら、分かりませんでした。。 * ですが、 * ``` ``` * の3行目、本来であれば、syasinの前に.（ドット）が必要なのです。クラスですから。 * ``` ``` * そしてクラスを2つ並べると、.one-thirdの中の.syasinとなってしまうため、いずれか にする必要がある、ということです。 * HTMLマークアップの `
` には、2つのクラス指定され ていますが、サブクラスと呼ばれるもので、jQueryで指定する時は、どちらかでOKなので ございます。 * ではGood luck * トピック投稿者 [yusaku](https://ja.wordpress.org/support/users/yusaku/) * (@yusaku) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183430) * Shoki Hirayama様 * 再度の返信、ありがとうございます。 無事、うまくいきました！！ * とてもよく分かる解説で、手とり足とり、本当にありがとうございます。 ずっとうまく いかずに、諦めかけていたので、助かりました。 感謝致します。 * [Shoki Hirayama](https://ja.wordpress.org/support/users/shokemyster/) * (@shokemyster) * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183431) * 良かった！ Happy coding! 5件の返信を表示中 - 1 - 5件目 (全5件中) トピック「初めてのjQuery・・・動きません」には新たに返信することはできません。 ## タグ * [jquery](https://ja.wordpress.org/support/topic-tag/jquery/) * [jquery.matchHeight](https://ja.wordpress.org/support/topic-tag/jquery-matchheight/) * フォーラム: [プラグイン](https://ja.wordpress.org/support/forum/plugins/) * 5件の返信 * 2人の参加者 * 最後の返信者: [Shoki Hirayama](https://ja.wordpress.org/support/users/shokemyster/) * 最後の活動: [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e5%88%9d%e3%82%81%e3%81%a6%e3%81%aejquery%e3%83%bb%e3%83%bb%e3%83%bb%e5%8b%95%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-183431) * 状態: 解決済 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック