jQueryを(多少は)マシに書けるFWを作った - Panda Noir
jQuery、遊びツール作る分には重宝するのですが、やはりこのレベルでもつらく感じるのでフレームワークを作ってみました。 コード全容 なんとたったの9行！でも手抜きしたわけではありません。 const jQueryFW = opt => { for(const key of Object.keys(opt.util)) opt.util[key] = opt.util[key].bind(opt, jQuery); opt.$S = opt.state, opt.$U = opt.util; jQuery($ => { for (const method of ['initState', 'init', 'initEventListener']) if (opt[method]) opt[method]($); }); }; 簡単な使い方 こんな感じで使います。 <div id="coun
【jQuery】iPad・iPnoneにも対応！ドラッグ＆ドロップで移動できるリストを作る方法 ｜ KLUTCHE
なんだか難しそうに見えるドラッグで動かして順番を変えれるコンテンツもjQueryを使うことで簡単に実装できます。 こんなやつ まずはデモをご覧下さい。ドラッグでダムの順番を入れ替えれるかと思います。 デモページ 使用するjQueryとプラグイン 3つのJavascriptファイルを使います。 jQuery.js jQuery-ui.js jQuery.ui.touch-punch.js 上の2つのJavascriptがあればPCで動きます。 最後のJavascriptはiPhone・iPadで動作させる為のプラグインです。 Javascript 上記3ファイルを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <
jQuery UI Touch Punch - Touch Event Support for jQuery UI
Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil
Rails5でjqueryを動かす方法 - Qiita
概要 jqueryを使うと初回ページ読み込み&リロードで動くが、ページ遷移して該当ページに戻ってくるとjqueryが動かない。 デフォルトgemであるturbolinks（ajaxとajaxとhistoryAPIを使ってページ遷移しやすくするもの）が動作しているため、そもそも$(document).ready()が動かない Rails4以前 Rails4以前までは、jquery-turbolinksを使っていた gem 'jquery-turbolinks' bundle install application.jsのrequire jqueryと、require torbolinksの間に //= require jquery.turbolinks を記述。 Rails5以降はこう 目的によって使い分けができる。 素のjsの場合 //初回読み込み、リロード、ページ切り替えで動く。 $(d
table で複数行の sortable - Oboe吹きプログラマの黙示録
テーブルの Sortable 去年書いたけど、書き直す。ドラッグした後に、きちんとハンドルを外す。 sortable の stop オプションで、ui.item.data('multidrag') で取得した移動対象を移動後に ui-selected を外してやります。 HTML <table id="sortable"> <thead> <tr><th>header-1</th><th>header-2</th></tr> </thead> <tbody> <tr><td>Item-1</td><td>aaa</td></tr> <tr><td>Item-2</td><td>bbb</td></tr> <tr><td>Item-3</td><td>ccc</td></tr> <tr><td>Item-4</td><td></td></tr> <tr><td>Item-5</td><td>
jQueryのDeferredの基本的な使い方メモ - Qiita
new $.Deferred() で Deferred のオブジェクトを生成する。 非同期処理が完了した時点で、生成しておいた Deferred オブジェクトの resolve() メソッドを実行する。 Deferred オブジェクトの promise() メソッドを実行し、その戻り値（promise オブジェクト）の then() メソッドに非同期処理の後に実行したい処理を渡す。 then() はメソッドチェーンができるので、 var d = new $.Deferred(); async(function() { console.log('async'); d.resolve(); }); d.promise() .then(function() { console.log('hoge'); }) .then(function() { console.log('fuga'); });
.on()と.off()を使いこなす 1 | CodeGrid
実践、jQuery 第1回 .on()と.off()を使いこなす 1 jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう。 はじめに この『実践、jQuery』シリーズは、jQueryを使った実装がある程度できるようになったエンジニアが、さらにjQueryへの理解を深めていくためのシリーズです。 今回は、jQuery 1.7*から実装された.on()と.off()という2つのメソッドを取り上げます。これらのメソッドが担う、jQueryオブジェクトに対してイベントの定義を行うための機能をきちんと理解することで、イベントを自在にコントロールできるようになることを目的としています。 *注：jQuery 1.7 jQuery 1.7は201
URLの?以降（GET値）を取得する
jquery.query-parameter.js ���m V 0t�m V // jQuery版に書き換えた (function($){ var queries = (function(){ var s = location.search.replace("?", ""), query = {}, queries = search.split("&"), i = 0; if(!s) return null; for(i; i < queries.length; i ++) { var t = queries.split("="); query[t[0]] = t[1]; } return query; })(); $.queryParameter = function(key) { return (queries == null ? null : queries[key] ? quer
jQuery iosOverlay.js examples
Call this to begin the hide animation. // notification is called var notification = ...; // something happens // fade out notification and destroy on complete notification.hide(); Used to update the contents of a notification on the fly. Accepts text and icon in formats as table above denotes. Accepts one or both. // notification is called var notification = ...; // something happens // notificati
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
まとめ記事やTipsなど、ひたすらjQueryの情報を配信しているブログ・jQuery4u
jQueryのプラグインのまとめ記事 や、Tipsなど、jQuery関連の情報 のみをひたすら配信しているブログ jQuery4uをご紹介。即効RSS購読 でした。まとめ記事も多数あるので 暇を見て全部見まわっていきたい。 まだ大量の記事数ではありませんが、今後に期待したいところ。以前書いた「jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ」にも加えています。 jQuery情報のチェック先に。 いくつか良かった記事をご紹介。 フォーム系プラグイン30個 バリデーションとかフォームデザインとかいろいろ jQuery Forms > 30 Examples and Plugins 画像拡大系プラグイン10個 画像を拡大する的なプラグインいろいろ 10 jQuery Image Zoomers jQuery Mobileを使った5つのテクニック jQuery Mobileのテクニ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQuery - PrototypeにインスパイアされたJavascriptライブラリ
jQuery jQuery is designed to change the way that you write Javascript. jQueryはあなたのJavascriptプログラミングの方法に変化をもたらすように設計されている。 というわけで、jQueryを使ったJavascriptプログラミングにチャレンジしてみよう。 What is jQuery? jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery acheives this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leav
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳