WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
jQueryで実装するtapイベント - うつつのがれ
スマホ対応のWebサイトやアプリで、タップに対してなにか動作させたい時、clickイベントを使うとすこし反応が鈍く感じることがあります。 スマホなどのタッチデバイスでは、clickイベントの発火にわずかなタイムラグが設けられているからのようです（多分ダブルタップを検出するためだと思います）。 そこで、touchstartやtouchendを組み合わせてタップ動作を検出する方法がよく取られますが、より汎用的にjQueryでclickなどと同じように扱えるtapイベントを作りました。 /* jQuery Tap Event */ (function($, window) { "use strict"; var RANGE = 5, events = ["click", "touchstart", "touchmove", "touchend"], handlers = { click: fun
結果の順番を保証して、且つ『並列』でAjax通信を行う方法 - Qiita
var request = [ { url: 'hoge00.json', params: { hoge: 123, huga: 456 } }, { url: 'hoge01.json', params: { hoge: 246, huga: 912 } }, { url: 'hoge02.json', params: { hoge: 369, huga: 1368 } }, { url: 'hoge03.json', params: { hoge: 492, huga: 1824 } }, { url: 'hoge04.json', params: { hoge: 615, huga: 2280 } } ]; var results = []; var doneCount = 0; for (var i = 0; i <= request.length; i++) { $.ajax({
jQuery(JavaScript)でHTMLエスケープするときの注意点と対処法
HTMLエスケープの注意点 昨日、このような記事がはてブに上がっていた。 innerText(textContent)/innerHTMLを使ったHTMLエスケープは充分でないので今すぐやめろ、お前たちはもう終わりだ 要約するとreturn $('<div />').text(content).html()を使用したやり方だと「"」などをエスケープしないので.replaceで置き換えたものを使いましょうという話。 ただし、元記事のコードだと`(グレイヴアクセント)の置換処理が入っていなかったので下記のように書き換えるほうが良さそうだ。 var str = '& < > ` " ' + "'"; var escapeHtml = (function (String) { var escapeMap = { '&': '&', "'": ''', '`': '`',
スライドショー動画広告実装jQueryプラグイン jQuery-slideshowad-jsサンプル
複数のバナー広告を組み合わせることによって、動画のように見せるスライドショー動画広告を手軽に実装できます。 広告をリッチに見せることができ、広告のクリック率を向上させることができます。 静止画像では実現できなかった広告にストーリーを持たせるということが可能となり広告の訴求力を高めます。 「フェイドインフェイドアウト」、「フリップ（縦 / 横）」、「スライド（前 / 後 / 左 / 右）」の3種類（計7つの動き）のスライドショータイプに対応しています。 主にアフィリエイトサービスの広告を使用することを想定しているので、A8.netやMoba8.netなどのアフィリエイトサービスからそのまま広告をコピーして実装できるようになっています。
any list scroller - jQuery scrolling plugin by musings.it
Any List Scroller by musings.it Do you want to scroll a list? ALS it! New v.2.1 responsive Characteristics ALS - Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content. Try it! It is surprisingly easy to use It works on any kind of list List elements can be texts, images, anything (read the instructions below) List items must not have a fixed si
jQuery Performance Tips Cheat Sheet | Dumitru Glavan
PDF ZIP Source 1024×768 1440×900 1280×960 1680×1050 1900×1200 I was hunting for jQuery performance tricks for a while to tune my heavy dynamic web app. After digging in a lot of articles decided to make a list of the best common performance tips. I also built a handy jQuery Performance Cheat Sheet that can be printed or placed on my desktop. Selectors performance tips: 1. Always Descend From an #i
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Rails3でAjaxでformのcallbackを指定するには - ryopeko の何か
Rails3からの変更点でハマったのでメモ。 Rails2ではformをAjaxで送信するにはform_remote_tagを利用していた。 これがRails3では以下のように:remote => trueを指定することで実現する。 <%= form_tag(url_for(:action => 'create'), :remote => true, :id => "result_form") do %> <% end %> 今は主にjQueryを使って開発している為、デフォルトで扱うjavascriptをjQueryに変更する。 Gemfileに以下記述 gem 'jquery-rails' bundle installして関連ファイルをgenerate $ bundle install $ rails g jquery:installjquery.jsとrails.jsを読み込むように
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで使えるフォーム値取得jQuery - Qiita
Rails 3 , Jquery.load with no layout
.load() | jQuery API Documentation