とある諸事情から、jqueryを利用したサーバレンダリングなシステムの試験・バグ対応を担当することになった。 本来ならばコーディングを担当したベンダーで試験・バグ対応も行う予定であったのだが、 とある騒動で出勤停止措置などの外的要因が発端となり、急遽システムの試験・バグ対応のヘルプ要員に任命された。 一からコードを読んで即座にバグ対応するノウハウが求められる中、jqueryのajax処理について気づきがあったので今回記事にしてみることに。 jQeuryのajaxの使い方(done/fail) 一般的にはjqXHRのdoneやfailでレスポンス処理をコーディングするだろう。そのシステムもこういう書き方だった。 $.ajax({ url: "/sample.json" }).done((data, textStatus, jqXHR) => { // 正常処理 }).fail((jqXHR,
jQueryでのajaxの書き方が実はVer３から書き換わっています。書き換え方を書きたいと思います。 ｊQuery２までは、ajaxの書き方はSucess&Errorの書き方でした。 $.ajax({ url:'アクセスするURL', //アクセスするURL type:'postかget', //post or get cache: false, //cacheを使うか使わないかを設定 dataType:'json', //data type script・xmlDocument・jsonなど data:data, //アクセスするときに必要なデータを記載 success:function(mydata){ //データの有無を確認 //成功したときの実行したいScriptを入力 }, error:function(){ //失敗したときの処理させたいScriptを記入する } });
簡単な入力フォームを作ってJavaScriptの勉強をしているのですが、 生年月日を入力する際にいい感じでうるう年も考慮してくれるものがなかったので いろいろなサイトやらを参考にしながら作りました。 フォームはこんな感じです。 date_select.html <html> <head> <title>日付選択</title> <meta charset="utf-8"> </head> <body> <form class="form"> <select id="year"> <option value="">--西暦--</option> </select> <select id="month"> <option value="">-月-</option> </select> <select id="day"> <option value="">-日-</option> </selec
この方の参考にしました（というかまるパクリリスペクト） d.hatena.ne.jp jQueryしか使え無いわたしはjQueryに書きかえる $('#birthDayYear,#birthDayMonth').on({ change : function() { // 要素取得と初期化 var dateSelect = $('#birthDayDate'); dateSelect.empty(); var y = $('#birthDayYear').val(); var m = $('#birthDayMonth').val(); // 閏年判定 if (2 == m && (0 == y % 400 || (0 == y % 4 && 0 != y % 100))) { var last = 29; } else { var last = new Array(31, 28, 31,
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
問題 jQueryプラグインとか無しで、回転できる？ 答え 回転します。 jQueryプラグイン無しで、回転します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない。 それならば、表示に影響しないz-indexなどのプロパティを利用して、値の変化を発生させ、stepオプションでそれを横から利用して回転などのプロパティの指定に使ってはどうかというアイデアで作ってみました。 //ここでは表示に影響しないz-indexをアニメーションさせます（見た目には何も起きません） $('#sample20130314').animate({zIndex:1},{ //1秒かけてアニメーション duration:1000, //stepは、アニメーションが進むたびに呼ばれる step:function(now){ //nowに現在のz-indexの値（
jQuery animiteを無駄に繰り返させない方法です。 animateは結構便利なので使いがちですが 落とし穴もあります。。。 ホバーやクリックを繰り返したら繰り返した分だけアニメーションが実行されたり またscrolltoであっちに行ったりこっちに行ったり…挙動がおかしかったり。 そんな時に役に立つのが animate停止中の要素のみ取り出す$(this).not(“:animated”)の記述です。 例 <script type="text/javascript"> $(document).ready(function(){ $("ul.example li a").hover( function () { $(this).not(":animated").animate({"opacity":"1"},"slow"); }, function () { $(this).anim
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Kindle版の購入（￥450円） 本書のメニュー 「jQuery入門道場」と「よく分かる jQuery Deferred」の2冊をAmazon Kindleの電子書籍として販売しております。本サイトでは「jQuery入門道場」の5章までの内容をカット無しでWEB版で公開しております。 始めに jQueryとは？ セレクター 属性、CSS操作 HTML、テキスト、フォーム値の取得＆設定 横断（Traversing） jQueryオブジェクト操作 イベント処理 AJAX エフェクト・アニメーション プロパティ .data() ユーティリィ（関数） プラグイン その他 その他、目次など詳しくは、jQuery入門道場紹介ページをご覧ください。 電子書籍の形式と購入先 Amazon Kindle版では、PDFのような固定レイアウトではなく、リフロー型になります。リフロー型とは、見る端末により表示さ
この記事は賞味期限切れです。（更新から1年が経過しています） 表題の通りにやってみようとしたところ、IEでうまく動作しなかったので備忘録。 一番はじめに書いたコードがこれ。 link要素を生成してheadに挿入するだけ。 var ele = $(document.createElement("link")); ele.attr("rel","stylesheet"); ele.attr("type","text/css"); ele.attr("href","style.css"); ele.appendTo( $("head") ); IE以外はきちんとstyle.css内のスタイルが適用されます。 IEさんは、IEDocMon等で見る限りは挿入自体はできている様子。 が、スタイルは適用されない。 いろいろいじっているうちに、 jQueryのappend/appendToを使うと適用され
本当の意味での連続クリックを禁止するなら、もっと適した方法がありますが、単純に「連続クリックしたくなるようなボタンだった」という場合などに、そのボタンを連続クリックするのを止めて欲しい場合は、以下のように無効化する方法もあります。 $('a').click(function() { $(this).click(function () { alert('連続クリックは禁止しています。'); return false; }); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く