Mobile Safariã§jQuery UIã®draggableã‚„sliderã‚’ 動作ã•ã›ã‚‹æ–¹æ³• - memo.yomukaku.net2011-12-19 00:30 jQuery UIã®draggableã‚„sliderã‚’iPadã‚„iPhoneã®Mobile Safariã§ä½¿ãŠã†ã¨ã—ã¦ã‚‚ã€draggableãªã‚ªãƒ–ジェクトをドラッグã—ãŸã¨ãŸã‚“ã«touchmoveã®ã‚¤ãƒ™ãƒ³ãƒˆã«å‡¦ç†ã‚’ã‚‚ã£ã¦ã„ã‹ã‚Œã¦ã—ã¾ã„ã€draggableãªã‚ªãƒ–ジェクトãŒå‹•ãå‰ã«ãƒšãƒ¼ã‚¸ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ sliderã®ã‚ªãƒ–ジェクトã«é–¢ã—ã¦ã‚‚åŒæ§˜ã§ã™ã€‚.ui-slider-handleクラスã®ã¤ã„ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã€Œã¤ã¾ã¿ã€ã‚’ドラッグã—ã¦ã‚‚ã€touchmoveã®ã‚¤ãƒ™ãƒ³ãƒˆã«å‡¦ç†ã‚’奪ã‚ã‚Œã¦ãƒšãƒ¼ã‚¸ã”ã¨æ»‘ã£ã¦ã„ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ 上ã®ç”»åƒã¯ã€JavaScriptã§ä½œæˆã—ãŸPDFビューワーã«ãŠã‘る例ã§ã™ã€‚ç”»åƒå³åŠã°ã«ã‚るスライダーã®ã¤ã¾ã¿ã‚’下ã«ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ãƒšãƒ¼ã‚¸ã‚’é€ã‚ã†ã¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€touchmoveã®ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ãŒãŠã“ã‚Šã€jQuery UIã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®å‡¦ç†
{{#tags}}- {{label}}
{{/tags}}