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
ASP.NET MVC 3 ã§ç‹¬è‡ªã®æ¤œè¨¼å±žæ€§ã‚’作æˆã—ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰æ¤œè¨¼ã‚’行ㆠ- ã—ã°ã‚„ん雑記
ASP.NET MVC 2 ã‹ã‚‰ HTTP POST 時ã®æ¤œè¨¼ä»¥å¤–ã«ã‚‚ JavaScript を利用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰æ¤œè¨¼ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚入力ä¸ã«ã‚‚自動的ã«ã‚¨ãƒ©ãƒ¼ã‚’表示ã—ã¦ãれるã®ã¯éžå¸¸ã«å¿«é©ã§ã™ãŒã€ç‹¬è‡ªã®æ¤œè¨¼å±žæ€§ã®å ´åˆã¯ãã®ã¾ã¾ã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰æ¤œè¨¼ã‚’使ã†ã“ã¨ã¯ã§ãã¾ã›ã‚“。 MVC 2 å‘ã‘ã«ã¯ ナオã‚ã«ASP.NET（仮） : ASP.NET MVC 2 ã§ã‚«ã‚¹ã‚¿ãƒ 属性ã®ä½œæˆã¨ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰æ¤œè¨¼ã®ãƒã‚¤ãƒ³ãƒˆ ã ã‘èªã‚“ã§ãŠã‘ã°å•é¡Œãªã„ã®ã§ã™ãŒã€MVC 3 ã§ã¯ IClientValidatable インターフェースãŒè¿½åŠ ã•ã‚Œã¦ MVC 2 ã§ã¯å¿…è¦ã ã£ãŸã‚¢ãƒ€ãƒ—タクラスを作る必è¦ãŒç„¡ããªã‚Šã¾ã—ãŸã€‚ IClientValidatable インターフェースã«é–¢ã—ã¦ã¯ ASP.NET MVC ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’検証ã™ã‚‹ - ã—ã°ã‚„ん雑記 ã§ç‹¬è‡ªã®æ¤œè¨¼å±žæ€§ã‚’作æˆã—ãŸæ™‚
ç«¹å– JS
ç”»é¢ã‚’ダブルクリックã§ç¸¦æ›¸ãã¨æ¨ªæ›¸ãを切り替ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¦ç´ を指定ã—ã¦ç¸¦æ›¸ãã«ã—ã¦ã„ã‚‹å ´åˆã¯ã€æ¬¡å›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã«åŒã˜è¡¨ç¤ºãŒå¼•ã継ãŒã‚Œã¾ã™ã€‚ ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚縦書ãã«ã™ã‚‹ãƒ–ックマークレット。 ↓å³ã‚¯ãƒªãƒƒã‚¯ã§ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã«ä¿å˜ã™ã‚‹ã‹ã€ãƒªãƒ³ã‚¯ã‚’ドラッグã—ã¦ãƒ–ックマークãƒãƒ¼ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ 「縦書ãã«ã™ã‚‹ãƒ»iPhone 用リンク〠「縦書ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠「段組ã¿ç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠iPhone ã«ç™»éŒ²ã™ã‚‹ã«ã¯ï¼Ÿ ã¨ã‚Šã‚ãˆãšã“ã®ãƒšãƒ¼ã‚¸ã‚’共有ボタンã‹ã‚‰ãƒ–ックマーク。 iPhone 用リンク を長押ã—ã—ã¦ã‚³ãƒ”ー。 ブックマークを開ã„ã¦ã€è¿½åŠ ã—ãŸãƒ–ックマークを「編集ã€ã€‚ åå‰ã‚’「縦書ãå¯èƒ½ã«ã™ã‚‹ã€ãªã©ã«å¤‰æ›´ã—ã€URL 欄ã«ä¸Šè¨˜ã‚³ãƒ¼ãƒ‰ã‚’ペースト。 最åˆã®ã€Œhttp://ã€ã‚’削除。 注æ„ï¼ ã‚„ã‚„å‹•ä½œãŒé‡ã„ã§ã™ï¼ ã†ã¾ã変æ›ã§ããªã‹ã£ãŸã¨ãã¯ã€ç”»é¢ã‚’ダブ
jQueryã®find()を利用ã—ãŸé«˜é€ŸåŒ–
jQueryã®find()を利用ã—ãŸé«˜é€ŸåŒ– 最近ã€jQueryã®find()ã®ã¡ã‚‡ã£ã¨ã‚ˆã‚ã—ããªã„使ã„方をãƒãƒ©ãƒ›ãƒ©ã¨è¦‹ã‹ã‘ã‚‹ã®ã§find()ã®é«˜é€ŸåŒ–ã«ã¤ã„ã¦è§£èª¬ã‚’ã—ã¾ã™ã€‚ アンãƒãƒ‘ターン 最近ã€è¦‹ã‹ã‘ãŸãƒ‘ターンã¨ã—ã¦ã¯ä»¥ä¸‹ã®æ§˜ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ $('.foo #bar') ã“ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’find()を使ã£ã¦é«˜é€ŸåŒ–ã™ã‚‹ç‚ºã«ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ããªãŠã™ã€‚ $('.foo').find('#bar') ã¨ã„ã†ã‚‚ã®ã€‚ã“ã‚Œã¯ã€ã‚±ãƒ¼ã‚¹ã«ã‚ˆã£ã¦ã¯é«˜é€ŸåŒ–ãŒè¦‹è¾¼ã‚ã‚‹ã‚‚ã®ã®ã€å¤šãã®ã‚±ãƒ¼ã‚¹ã§ã¯ä½Žé€ŸåŒ–ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã¾ãŸã€ä»¥ä¸‹ã®æ§˜ãªãƒ‘ターンも見ã‹ã‘ã¾ã—ãŸã€‚ var $ul = $('ul'), $a = $ul.find('.a'), $b = $ul.find('.b'); $a.css('color', 'red'); $b.css('color', 'green').text('Hello'); ã“ã¡ã‚‰ã‚‚ã€
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®çŠ¶æ…‹ã‚’ã†ã¾ãå–ã‚Œãªã„ã€è¨å®šå‡ºæ¥ãªã„ã¨ãã¯ã€attr()ã§ã¯ãªãprop()を使ã£ã¦ã。（JavaScriptãŠã‚ŒãŠã‚ŒAdvent Calendar 2013 – 02日目） | Ginpen.com
JavaScriptãŠã‚ŒãŠã‚ŒAdvent Calendar 2013 – 02日目 ãƒã‚§ãƒƒã‚¯çŠ¶æ…‹ã¯$checkbox.attr('checked')ã§ã¯ãªã$checkbox.prop('checked')ã§å¾—ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 検証 åˆæœŸçŠ¶æ…‹ã§ç¢ºèªã™ã‚‹ã¨ c1: attr=undefined prop=false c2: attr=checked prop=true ãƒã‚§ãƒƒã‚¯ã‚’入れ替ãˆã¦ç¢ºèªã™ã‚‹ã¨ c1: attr=undefined prop=true c2: attr=checked prop=false ã¨ã„ã†ã‚ã‘㧠.attr() … 変ã‚らãªã„ .prop() … 変ã‚る（ã“ã£ã¡ã‚’使ã†ï¼‰ 仕組㿠.attr()ã¯attributeã€ã¤ã¾ã‚Šï¼ˆHTMLã®ï¼‰å±žæ€§ã‚’得るメソッドã§ã™ã€‚HTMLã«ã®ã‚¿ã‚°ã«checked属性を記載ã—ãŸã‚‰ãã®å€¤checkedãŒå¾—られã¾ã™ã€‚ã—ã¦ã„ãªã‘ã‚Œã°ã€å˜åœ¨ã—
jQueryã§$(document).readyを複数実行ã—ãŸå ´åˆã®thisã‚„varã«ã¤ã„㦠- maeharinã®æ—¥è¨˜
ã¯ã˜ã‚ã« jQueryを使ã†æ™‚ã¯ã€$(document).ready(handler)ã‚„ãã®çœç•¥æ³•ã§ã‚ã‚‹$(handler)ã§dom構築ãŒã§ãã¦ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’実行ã™ã‚‹ã“ã¨ãŒå¤šã„。（handlerã¯ç„¡å関数ãªã©ã®é–¢æ•°ã‚ªãƒ–ジェクト） ã§ã€ãŸã¾ã«è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ä½•åº¦ã‚‚$(handler)を呼ã³å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã ã‘ã‚Œã©ã€ãã®éš›$()ã®å¼•æ•°ã«æ¸¡ã—ã¦ã„ã‚‹handler内ã®thisã‚„var宣言ã«ã¤ã„ã¦æ··ä¹±ã—ãŒã¡ã ã£ãŸã®ã§æ•´ç†ã—ã¦ãŠã。ã¡ãªã¿ã«æ¤œè¨¼ç’°å¢ƒã¯Chrome ver24ã€jQuery1.9.1。概念ã¯ES3を基準ã«ã™ã‚‹ã€‚ å‰æ 書ã方色々 以下ã®3ã¤ã¯åŒç¾©ï¼ˆçœŸã‚“ä¸ã¯æŽ¨å¥¨ã•ã‚Œãªã„） $(document).ready(handler) $().ready(handler) //this is not recommended $(handler) http://api.jquery.com/ready/
[jQuery] ウィジェットを作る (1) – nbnote blog
通常ã®jQueryプラグインã®å®šç¾©ã§ã¯å†—é•·ã«ãªã‚ŠãŒã¡ãªã€ã‚¤ãƒ™ãƒ³ãƒˆç®¡ç†ã‚„サブメソッドã®å®Ÿè£…ãªã©ãªã©ã‚’オブジェクト指å‘çš„ã«ã‚ã‹ã‚Šã‚„ã™ã一貫性ã®ã‚る記述ã§å®Ÿç¾ã§ãã‚‹(多分åˆã£ã¦ã‚‹)ã€jQuery UIã®$.widgetã«ã¤ã„ã¦ã®å‚™å¿˜éŒ²ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ã¾ãšã¯ã€ŒjQuery UI å…¬å¼ãƒšãƒ¼ã‚¸ã€ã‹ã‚‰.jsを入手ã—ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã®ã¨ã“ã‚ã¯$.widgetãŒä½¿ãˆã•ãˆã™ã‚Œã°ã„ã„ã®ã§ã€UI Coreã®Widgetã«ã ã‘ãƒã‚§ãƒƒã‚¯ã‚’入れã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸ.zipã«ã¯jQuery本体もåŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ テスト用ã«ä»¥ä¸‹ã®ç’°å¢ƒã‚’用æ„ã—ãŸæƒ³å®šã§é€²ã‚ã¦ã„ãã¾ã™ã€‚ ウィジェットã®å®šç¾© jquery.test.myWidget.jsã«ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’定義ã—ã¦ã„ãã¾ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå³æ™‚関数パターンã§ã€jQueryを引数ã«å–ã£ã¦å‘¼ã³å‡ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¾ã™ã€‚ (function($) {
blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
Multiple file upload: Allows to select multiple files at once and upload them simultaneously. Drag & Drop support: Allows to upload files by dragging them from your desktop or file manager and dropping them on your browser window. Upload progress bar: Shows a progress bar indicating the upload progress for individual files and for all uploads combined. Cancelable uploads: Individual file uploads c
jQueryã®è¼ã‹ã—ã„ç¾åœ¨ã¨ã‚¸ãƒ¬ãƒ³ãƒžã€ãã—ã¦ã“ã‚Œã‹ã‚‰ã®å•é¡Œ / Devslog
ï¼’ï¼ï¼ï¼–å¹´ã€jQueryã¯å…ˆè¡Œã—ã¦ã„ãŸå…ˆé”ã«æžœæ•¢ã«æˆ¦ã„を挑ã¿ã€ã‚¯ãƒ¼ãƒ«ãªãƒã‚§ãƒ¼ãƒ³ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‚¹ãƒªãƒ ãªãƒœãƒ‡ã‚£ã§å¤šãã®ã‚¦ã‚§ãƒ–デベãƒãƒƒãƒ‘ã‚’é…了ã—ã€è¯ã‚„ã‹ã«å‹åˆ©ã—ãŸã€‚ãã®å¾Œã®jQueryã¯æŒ‘戦者ãŸã¡ã‚’退ã‘ã¤ã¥ã‘ã€ï¼’ï¼ï¼‘１年暮れã§ã‚ã‚‹ç¾åœ¨ã‚‚ç¾åœ¨ã®åœ°ä½ã‚’è²ã‚‹æ°—é…ã¯ãªã„。ã ãŒã€ãã‚“ãªjQueryも継続的ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã•ã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãªã‚‰èª°ã‚‚ãŒè‹¦ã—むジレンマã«æ‚©ã¾ã•ã‚Œç„¡è¦–ã§ããªããªã£ã¦ããŸã€‚ JavaScript Advent Calendar 2011 (フレームワークコース)ã®ï¼‘ï¼æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ 怒らãªã„ã§èžã„ã¦æ¬²ã—ã„ã®ã ãŒã€ç§ã¯ã‹ã¤ã¦ã®ã€ŒYUI VS PrototypeJS VS jQueryã€ã®æ™‚代ã«jQueryã®ç›®æŒ‡ã™ã‚‚ã®ã“ã自分ã®æ±‚ã‚ã¦ã„ãŸã‚‚ã®ã ã¨å½¼ã‚‰ã«å£°æ´ã‚’é€ã£ã¦ã„ãŸã€‚当時ã®ç§ã¯YUIã‚„PrototypeよりjQueryã®ã»ã†ãŒã„ã‹ã«Webデベãƒãƒƒãƒ‘ã¨Webサイトã«é©ã—ã¦ã„ã‚‹ã®ã‹ã‚’熱心ã«èªžã‚Š
æ±äº¬éƒ½åœ°ä¸‹é‰„路線図
jQueryã®ãƒ—ラグインを使ã£ã¦æ±äº¬éƒ½ã®åœ°ä¸‹é‰„路線図を作ã£ã¦ã¿ã¾ã—ãŸã€‚
フォームã§é›¢è„±ã•ã›ãªã„ãŸã‚ã®jQueryプラグイン50é¸ï½œdesignaholic -Creative Column-
最近ã§ã¯ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ 最é©åŒ–（EFO）ã¨ã„ã†æ–½ç–も広ã¾ã£ã¦ãã¾ã—ãŸãŒã€ç‰¹ã«è³¼å…¥ã‚„サンプル請求ã€ãŠå•åˆã›ç‰ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã£ã¦ã„るサイトã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã§é›¢è„±ã•ã‚Œã¦ã—ã¾ã£ã¦ã¯ã›ã£ã‹ãã®åºƒå‘Šã‚„æ–½ç–ãŒæ°´ã®æ³¡ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã“ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’離脱ã•ã›ãªã„ãŸã‚ã«æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆã¨ãれを実ç¾ã™ã‚‹ãŸã‚ã«ä¾¿åˆ©ãªjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚  ã¾ãšã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ を作æˆã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã›ãªã„事ã§ã™ã€‚ストレスã®åŽŸå› ã¨ãªã‚‹ã‚‚ã®ã¯å¤§ãã言ã†ã¨  入力ã—ã¥ã‚‰ã„ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒã‚ã‹ã‚Šã¥ã‚‰ã„ã€ã¨ã„ã£ãŸæ“作ã«é–¢ã™ã‚‹ã‚‚ã®ã€‚ ã©ã“ã¾ã§ã‚„ã‚Œã°å®Œäº†ãªã®ã‹ã‚ã‹ãªã„ã€å€‹äººæƒ…å ±ã®æ‰±ã„ãŒå¿ƒé…ã€ã¨ã„ã£ãŸå¿ƒç†çš„ãªã‚‚ã®ã€‚  ã§ã™ã€‚ãªã®ã§ã“ã®ç‚¹ã‚’解消ã•ã›ã¦ã‚ã’るフォームを作æˆã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé›¢è„±ã™ã‚‹å¯èƒ½æ€§ã¯ä¸‹ãŒã‚Šã¾ã™ã。 具体的ãªãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã®ã‚ˆã†ãªé …ç›®ã«ãªã‚Šã¾ã™ã€‚ Â å¿…é ˆå…¥åŠ›ã‹
Web制作ã«å½¹ç«‹ã¤ã€ä½•åº¦ãŠå‹§ã‚ã—ã¦ã‚‚足りãªã„ãらã„ç´ æ•µãªãƒ„ール10é¸ - ã‹ã¡ã³ã¨.net
Web制作時ã€å€‹äººçš„ã«ã‹ãªã‚ŠåŠ©ã‹ã£ ã¦ã„ã‚‹Webアプリやソフトウェアãªã© ã‚’ã”紹介。何度ãŠå‹§ã‚ã—ã¦ã‚‚足りãªã„ ä½ã€åŠ©ã‘られã¦ã„ã¾ã™ã€‚低スã‚ル㪠自分ã«ã¨ã£ã¦ã¯ç„¡ã„ã¨å›°ã‚‹ã€‚ãん㪠ツールをシェアã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã£ã¨æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ç‰¹ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’。制作時ã«ã¯æ¯Žå›žåˆ©ç”¨ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。基本的ã«ç„¡æ–™ã®ã‚‚ã®ã‚’使ã£ã¦ã„ã¾ã™ã€‚é †ä¸åŒã€‚ 960 grid system グリッドシステムã§ã™ã€‚ブックマークレットもå«ã‚ã€è‰²ã€…手軽ãªã®ãŒå¬‰ã—ã„。何よりグリッドレイアウトã¯ãŠå®¢ã•ã‚“å—ã‘良ã„傾å‘ã«ã‚ã‚‹æ°—ãŒã—ã¾ã™ã€‚ 960 grid system Firebug Web制作ã¨ã„ãˆã°Firebugã§ã™ãŒã€åƒ•ã¯Chromeæ´¾ãªã®ã§Chromeエクステンションã®Lite版を使ã£ã¦ã„ã¾ã™ã€‚元々ã€Chromeã«ã¯ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールãŒã‚ã‚Šã¾ã™ã—ã€Fxã®Firebugも使ã„ã“ãªã›ã¦ãªã‹ã£ãŸã®ã§ã“ã‚Œã§å分。 Fi
第7ç« ã€€ã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œæˆã€
jQueryãŒä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨æœ€ã‚‚ç•°ãªã‚‹ã®ãŒã€Œæ‹¡å¼µå¯èƒ½ã€ãªç‚¹ã§ã™ã€‚ã“ã‚Œã¯ãƒ—ラグインã¨ã„ã†å½¢ã§jQuery自体ã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ãƒ—ラグインã«ã‚ˆã‚‹æ‹¡å¼µã¯éžå¸¸ã«å¤§ããªæ„味ãŒã‚ã‚Šã¾ã™ã€‚通常ã€ãƒ©ã‚¤ãƒ–ラリã«ãªã„機能ã¯è‡ªåˆ†ã§é–¢æ•°ã‚’定義ã—ã¦åˆ©ç”¨ã™ã‚‹äº‹ãŒå¤šã„ã§ã—ょã†ã€‚ãŸã ã€ã“ã®å ´åˆä½œæˆã—ãŸé–¢æ•°ã‚’ä»–ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æµç”¨ã™ã‚‹ã®ãŒé›£ã—ã‹ã£ãŸã‚Šã€é–¢æ•°åã®è¡çªï¼ˆã‚ªãƒ–ジェクトåã®è¡çªãªã©ï¼‰ã‚‚é…æ…®ã—ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 jQueryã®ãƒ—ラグインã®å ´åˆã€ã“ã®ã‚ˆã†ãªå¿ƒé…ã¯ã‚ã‚Šã¾ã›ã‚“。jQuery自体ã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã®ã§é–¢æ•°åã®è¡çªã¯ã‚ã‚Šã¾ã›ã‚“。ãŸã ã€æ—¢å˜ã®jQueryã«ç”¨æ„ã•ã‚Œã¦ã„るメソッドåを使ã£ã¦ã—ã¾ã†ã¨ä¸Šæ›¸ãã•ã‚Œå‹•ä½œãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ï¼ˆæ©Ÿèƒ½ãŒä¸è¶³ã—ã¦ã„ã‚‹å ´åˆã¯ä¸å…·åˆãŒã‚ã‚‹å ´åˆã¯æ›¸ãæ›ãˆãŒå¯èƒ½ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚ ãã‚Œã§ã¯ã€å®Ÿéš›ã«ãƒ—ラグインを作æˆã—ã¦ã¿ã¾ã—ょã†ã€‚jQueryã§ãƒ—ラ
jQueryを使ã„始ã‚ãŸã¨ãã«æ„Ÿã˜ã‚‹13ã®ç–‘å• : tech.kayac.com - KAYAC engineers' blog
æ¥é€±ã¯ç§ãŒå¤ä¼‘ã¿ãªã®ã§æ›´æ–°ã¯ãªã„予定ã§ã™ã€‚agoã§ã™ã€‚ 最近ã€äººã«jQueryを解説ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€æ˜”ã‚’æ€ã„出ã—ã¦jQueryを使ã„始ã‚ãŸé ƒã«æ„Ÿã˜ã‚‹ç–‘å•ã‚’書ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 ãã‚‚ãも何ã§ä½¿ã†ã®ï¼Ÿã„ã¾ã§ã‚‚å›°ã£ã¦ãªã„よ 作æˆã™ã‚‹å†…容ã«ã‚‚よりã¾ã™ãŒã€æ…£ã‚Œã‚‹ã¨ä½¿ç”¨ã—ãªã„å ´åˆã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰é‡ãŒ3分ã®1程度ã¾ã§æ¸›ã‚Šã¾ã™ã€‚ ã¾ãŸã€å¤‰æ•°ã€æ¡ä»¶åˆ†å²ã€ç¹°ã‚Šè¿”ã—ãŒæ¸›ã‚‹ã®ã§ãƒã‚°ãŒç™ºç”Ÿã—ã«ãããªã‚Šã¾ã™ã€‚ 2 何ã‹ç‰¹æ®Šãªã“ã¨ãŒã§ãる？ çµå±€ã§ãã‚‹ã“ã¨ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“。 jQuery自体JSã§æ›¸ã‹ã‚Œã¦ã¾ã™ã—ã€è¨˜è¿°ã®è‡ªç”±åº¦ã‚‚JSã®åˆ¶ç´„ã«åˆ¶é™ã•ã‚Œã¾ã™ã€‚ 3 何ãŒé›£ã—ã„ã®ï¼Ÿ 文法ãŒã‚„ã‚„jQueryçš„ã«ãªã‚Šã¾ã™ã€‚ å‚考 jQuery言語入門 jQuery自体ã®ã‚³ãƒ¼ãƒ‰é‡ã¯å°‘ãªã„ã®ã§ã™ãŒã€ç‹¬ç‰¹ã®è¨˜è¿°æ³•ãŒå¤šã慣れるã¾ã§å¤šå°‘時間ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¾ãŸã€CSS Selectorã®çŸ¥è˜ã¯ã»ã¼å¿…é ˆã§ã™ã€‚ 特ã«ãƒž
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€:phpspot開発日誌
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Plugin〠2009å¹´03月12æ—¥- jQuery Context Menu Plugin ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€ã€‚ ã¡ã‚‡ã£ã¨å‰ã¾ã§ã ã¨ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作るã®ã¯ã™ã”ã大変ã§ã—ãŸã€‚特ã«ã‚¯ãƒã‚¹ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã“ã¨ãªã‚“ã‹ã‚’考慮ã™ã‚‹ã¨æœ¬å½“ã«å¤§å¤‰ã§ã—ãŸã€‚ ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ãˆã°ç°¡å˜ã«å®Ÿè£…ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ 特定ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä¸Šã®ã¿ã«å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨å®šã§ãã‚‹ã¨ã„ã†ã€æŸ”軟ãªã¤ãã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ ã©ã®ã‚¢ã‚¤ãƒ†ãƒ 上ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã£ã¦ã„ã†ã®ãŒã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã§å—ã‘られるã¨ã“ã‚も汎用的ã«ãªã£ã¦ã„ã¦ã„ã„ã§ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリ１ã¤ã¨ã£ã¦ã¿ã¦ã‚‚ã€jQueryを使ã†æ„味ãŒå‡ºã¦ããã†ã§ã™ã€‚ jQueryã¯æœ¬å½“ã«ãƒ‡ãƒ•
ASCII.jp：jQueryã§ä½œã‚‹å¤šéšŽå±¤ãƒ‰ãƒãƒƒãƒ—ダウンメニュー｜Web制作ã®ç¾å ´ã§ä½¿ãˆã‚‹jQuery　UIデザイン入門
多階層対応ã®ãƒ‰ãƒãƒƒãƒ—ダウンメニューã¸æ”¹é€ ã™ã‚‹ サンプル01ã§ã¯1階層ã¾ã§ã®ã‚µãƒ–メニューを展開ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’作æˆã—ã¾ã—ãŸã€‚今度ã¯ã‚ˆã‚Šè¤‡é›‘ãªæ§‹é€ ã®ã‚µã‚¤ãƒˆã§ã‚‚利用ã§ãるよã†ã«ã€å¤šéšŽå±¤å¯¾å¿œã®ãƒ‰ãƒãƒƒãƒ—ダウンメニューã¸æ”¹é€ ã—ã¾ã™ã€‚ HTMLã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚サンプル01ã¨åŒã˜ã‚ˆã†ã«ul/liè¦ç´ ã®å…¥ã‚Œåã§è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã§ã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼Aã€Cã¯1階層目（åカテゴリー）ã¾ã§ã®ã‚µãƒ–メニューをã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼Bã¯2階層目（å«ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼‰ã¾ã§ã®ã‚µãƒ–メニューを記述ã—ã¦ã„ã¾ã™ã€‚ ▼サンプル02（HTML部分） <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a href="#">サブメニューA</a></li> <li><a href="#">サブメニ
IE6をクラッシュã•ã›ã‚‹ï¼‘è¡Œ | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 6 Ajaxian ≫ jQuery one-line plugin to crash IE6ã«ãŠã„ã¦ã€IE6をクラッシュã•ã›ã‚‹ãƒ—ラグインãŒç´¹ä»‹ã•ã‚Œã¦ã„る。IE7ã‚„IE8ã§ã¯ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã›ãšã€IE6ã®ã¿ã§ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ãŒç™ºç”Ÿã™ã‚‹ã€‚紹介ã•ã‚Œã¦ã„るプラグインã¯jQuery Crash Plugin。プラグインã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã¨ãŠã‚Š1è¡Œã ã‘。関数を定義ã—ã¦ã„ã‚‹ã®ã¿ã€‚ /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery Slider plugin
jstree
Loading...
{{#tags}}- {{label}}
{{/tags}}