タグ

Articleとjquery tipsに関するbleu-bleutのブックマーク (11)

  • jQueryのajaxはdone,failでなくthenにすべき - Qiita

    とある諸事情から、jqueryを利用したサーバレンダリングなシステムの試験・バグ対応を担当することになった。 来ならばコーディングを担当したベンダーで試験・バグ対応も行う予定であったのだが、 とある騒動で出勤停止措置などの外的要因が発端となり、急遽システムの試験・バグ対応のヘルプ要員に任命された。 一からコードを読んで即座にバグ対応するノウハウが求められる中、jqueryのajax処理について気づきがあったので今回記事にしてみることに。 jQeuryのajaxの使い方(done/fail) 一般的にはjqXHRのdoneやfailでレスポンス処理をコーディングするだろう。そのシステムもこういう書き方だった。 $.ajax({ url: "/sample.json" }).done((data, textStatus, jqXHR) => { // 正常処理 }).fail((jqXHR,

    jQueryのajaxはdone,failでなくthenにすべき - Qiita
  • Ajaxの書き方について(jQuery利用) - Qiita

    jQueryでのajaxの書き方が実はVer3から書き換わっています。書き換え方を書きたいと思います。 jQuery2までは、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を記入する } });

    Ajaxの書き方について(jQuery利用) - Qiita
  • 【JavaScript】【jquery】セレクトボックスでのうるう年計算 - yuya4's note

    簡単な入力フォームを作って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

  • 【jQuery】年と月からうるう年も計算した日を出力する - ITの隊長のブログ

    この方の参考にしました(というかまるパクリリスペクト) 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,

    【jQuery】年と月からうるう年も計算した日を出力する - ITの隊長のブログ
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • jQueryで回転のアニメーションをする例 at ソフテル jQuery部

    問題 jQueryプラグインとか無しで、回転できる? 答え 回転します。 jQueryプラグイン無しで、回転します! jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない。 それならば、表示に影響しないz-indexなどのプロパティを利用して、値の変化を発生させ、stepオプションでそれを横から利用して回転などのプロパティの指定に使ってはどうかというアイデアで作ってみました。 //ここでは表示に影響しないz-indexをアニメーションさせます(見た目には何も起きません) $('#sample20130314').animate({zIndex:1},{ //1秒かけてアニメーション duration:1000, //stepは、アニメーションが進むたびに呼ばれる step:function(now){ //nowに現在のz-indexの値(

    jQueryで回転のアニメーションをする例 at ソフテル jQuery部
  • jQuery animiteを無駄に繰り返させない方法。animate停止中の要素のみ実行。 | Stronghold Archive

    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

    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

    bleu-bleut
    bleu-bleut 2013/04/04
    レンダリングプロセス
  • jQuery入門道場

    Kindle版の購入(¥450円) 書のメニュー 「jQuery入門道場」と「よく分かる jQuery Deferred」の2冊をAmazon Kindle電子書籍として販売しております。サイトでは「jQuery入門道場」の5章までの内容をカット無しでWEB版で公開しております。 始めに jQueryとは? セレクター 属性、CSS操作 HTML、テキスト、フォーム値の取得&設定 横断(Traversing) jQueryオブジェクト操作 イベント処理 AJAX エフェクト・アニメーション プロパティ .data() ユーティリィ(関数) プラグイン その他 その他、目次など詳しくは、jQuery入門道場紹介ページをご覧ください。 電子書籍の形式と購入先 Amazon Kindle版では、PDFのような固定レイアウトではなく、リフロー型になります。リフロー型とは、見る端末により表示さ

    bleu-bleut
    bleu-bleut 2013/03/04
    イベント委譲
  • JS備忘録: jQueryでlink要素をappendしたかった - Mach3.laBlog

    この記事は賞味期限切れです。(更新から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を使うと適用され

    JS備忘録: jQueryでlink要素をappendしたかった - Mach3.laBlog
    bleu-bleut
    bleu-bleut 2012/08/11
    IEではappend、appendToで動的に生成したscriptタグを挿入できないので生jsで挿入、、、いつ頃のバージョンのIEだろ?
  • jQuery でリンクの連続クリックを無効化する方法

    当の意味での連続クリックを禁止するなら、もっと適した方法がありますが、単純に「連続クリックしたくなるようなボタンだった」という場合などに、そのボタンを連続クリックするのを止めて欲しい場合は、以下のように無効化する方法もあります。 $('a').click(function() { $(this).click(function () { alert('連続クリックは禁止しています。'); return false; }); });

    bleu-bleut
    bleu-bleut 2012/06/12
    一度連続クリックをしてしまうと、次のワンクリックで二回、その次のワンクリックで三回…とアラートの回数が増えていくサンプルなので、使い方に注意。
  • 1