You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Updated 2014.02.16 / Published 2014.02.16 jQueryでdata-*属性を扱う際にjQuery.data()メソッドもしくはjQuery.attr()メソッドを使うことになるでしょうが、jQueryで扱えるdata-*属性のオブジェクトは前提としてキャッシュ仕様であることを理解しておかないと嵌ることが多々あります。 取得だけなら問題は起こらない <div id="user1" data-id="1" data-user="Jack" data-date-of-birth="2000-10-01">Jack</div> これらのdata-*属性を取得したい場合、jQueryであれば次のように記述します。 //data()の場合 jQuery("#user1").data("id"); // => 1 (数字扱い) jQuery("#user1").d
TypeScriptで書いていて疑問に思うことがあるんすよね〜 jQueryのプラグインをTypeScriptで扱い方が分からない! $('#modal').modal(); ってやるとコンパイル通らないんですよね (当たり前ですけど) tsファイルがあれば /// <reference path="hoge.ts"/> これで良いんですけどね 自分でtsファイルも作れば良いのですが面倒くさいので tsファイル作らないでやる方法です。 var bs_modal: any = $('#modal'); bs_modal.modal({ keyboard: false }); bs_modal.modal('hide'); 通常であればプラグイン自体のオブジェクトをanyで作成すれば コンパイルエラーにならないんですけど jQueryプラグインの場合は、jQueryオブジェクトを拡張する形で作
jQuery のプラグインを書くお作法みたいのがあって、だいたいどのプラグインも以下のように書かれている (function($) { $.fn.myPlugin = function() { ... }; }) (jQuery); これTypeScriptで書こうと思ったらこんな感じになった。 /// <reference path="path/to/jquery.d.ts" /> module jQuery { var $:JQueryStatic = <JQueryStatic>jQuery; $.fn.myPlugin = function() { ... }; } jQuery モジュールを定義すると外側の即時関数は大体同じにコンパイルされる。 ただしこうすると jquery.d.ts の jQuery の定義を上書きしてしまうらしいので、$ に型アノテーション付きで jQuer
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
ここ数カ月、"jQluster"と名付けたjQueryプラグインに取り組んでいたんだけど、とりあえずリリースできるところまで漕ぎ着けた。 https://github.com/debug-ito/jQluster jQlusterはよそのWebブラウザのDOMオブジェクトなどを操作するためのプラグイン。 普通、jQueryは自分のページの中のDOMオブジェクトを操作したりするために使われるけど、jQlusterは世界のどこかのよそのWebブラウザで表示されているよそのページのDOMオブジェクトを操作する。もちろん、どこのWebブラウザの表示ページでも操作できるわけではなく、同じjQlusterサーバに接続されて管理されているブラウザのページのみ操作できる。 一体そんなもの何の役に立つんだという話ではあるので、デモアプリケーションを作ってみた。 http://jqlusterdemo-deb
軽めのjQuery Advent Calendar 2012の6日目の記事です。画面下から「ニョキっ」と出現させる、エフェクト付きの表示について簡単に。 先日、いつもSaCSSでお世話になっているアミバ様…にjQueryを使って、画面下から「ニョキッ」と出現させるようなエフェクトをやるにはどうしたらいいか?と質問をされました。 jQueryにはエフェクト付きで表示・非表示を切り替えるメソッドが用意されていますが、今回はslideUp・slideDownを使います。
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
bell賞味期限切れコンテンツ この記事は公開または最終更新から1067日くらい経過しています。 このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。 公官庁のウェブサイトなどでよく見かける、文字サイズを変更するスクリプト。 コード自体は昔それっぽい記事を書きましたのでその時に使ったのと似たような方法で実装する予定ですが、そのスクリプトだけだとページを遷移した場合、設定が初期状態に戻ってしまいます。 大抵の場合文字サイズを大きくして読み始めた人は他のページでも大きな文字で読むでしょうから、これでは不便ですよね。 そこで、cookie等を利用してブラウザごとに文字サイズの設定を記憶させる必要があります。 cookieを利用する方法はいくつかあるようなのですが、今回は jquery.cookie.js というjQueryから操作できる
1. Make sure to include jQuery in your page: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 2. Include jQuery Selectric: <script src="jquery.selectric.min.js"></script> 3. Include jQuery Selectric styles, and change it to your taste :D (please refer to our demo page for more themes and other customizations) <link rel="stylesheet" href="selectric.css"> 4.
// Cache the target element var $selectValue = $('#select_value').find('strong'); // Get initial value $selectValue.text($('#get_value').val()); // Initialize Selectric and bind to 'change' event $('#get_value').selectric().on('change', function() { $selectValue.text($(this).val()); }); $('#set_value').selectric(); $('#set_first_option').on('click', function() { $('#set_value').prop('selectedIndex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く