[B! WordPress][jQuery] neo16teaのブックマーク

「WordPressでjQueryのコードが動かない」場合の対処方法

wordpressでサイトを構築中、jQueryを使ったコードを書き込むことがよくあるかと思います。でも、動かない・・・。ネットで「このコードをコピペしたら動くよ」っていうのを参考にきちんとやっているはずなのに。でも、動かない・・・。そんな時に役立つ「Google Chrome」を利用した原因の特定方法と、一般的な「$の別名定義」エラーに起因するトラブルの解決方法を紹介します。１．エラー原因の特定何はともあれコードが実行されない原因の特定を行います。Javascriptのエラーは「Google Chrome」のデベロッパーツール Developer Toolsを利用すると簡単に調べることができます。以下の手順でエラーをチェックしてみてください。 (1) Developer Toolsを表示する jQueryのコードが実行されないページを表示した状態で、「F12」キーを押します

neo16tea 2018/05/04

“jQuery(function($){ // ここにコピペしてきたコードを貼り付ける });”

リンク

jQueryで動作する開閉パネル式をWordPressのショートコートで作れるようにする基本的なチュートリアル

よく見かける、クリックで開閉するパネルをショートコードでサクッと作れるようにするためのカスタマイズ法です。jQueryを使います。どこにでも手軽に追加できるので覚えておくと結構重宝します。FAQ 以外でも応用できそうですね。 FAQなんかで良く見かける開閉パネルをショートコードで作ろう、という内容です。一応ビギナーさん向けに書いたつもりですけど、分かりにくかったらすみません。要所要素で開閉式のパネルコンテンツを実装する機会があるならショートコードで管理したほうが楽ですので覚えておくと重宝します。完成イメージこんな感じのやつです。クリックでパネルが開いて、回答が出現、みたいなの。これをショートコードでサクサク追加できるようにしてあげましょう的なコード。 Sampleこの動作をする開閉パネルをショートコードで簡単にサクサク追加できる、というのが今日の内容です。スタイルはやっつけ

neo16tea 2014/09/25

リンク

WordPress(PHP) からjQuery(JavaScript)に動的に値を渡す方法

WordPress セキュリティを考える会第6回資料 WordPress(PHP) からjQuery(JavaScript)に動的に値を渡す方法について WordPressに限らず、ウェブアプリケーションでPHPからJavaScriptに値を渡したい場合はあるかと思います。以下の方法を検証してみます。 1. data-XXX 属性の値に渡す 2. wp_localize_script 3. esc_js wp_localize_scriptは、内部でjson_encodeを使用しているが、HTMLエスケープはしないので注意が必要。詳細は -> http://www.rescuework.jp/blog/wp_localize_script-json.html 2014-09-07（日）14:00 - 17:00 東京都中央区新川1-3-4 PAビル5F コワーキングスペース茅場町コワー