セレクトボックス(プルダウンメニュー) [jQuery Mobile 1.0.1] | So-Kai-App Note
[ãŠç´„æŸäº‹] ソースã ã‘見ãŸã„ãªã‚‰ãƒšãƒ¼ã‚¸ã®ä¸‹ã®æ–¹ã¸ã©ã†ãžã€‚ PCã§ã‚µãƒ³ãƒ—ルを閲覧ã™ã‚‹å ´åˆã¯Internet Explorerシリーズ(å°‘ãªãã¨ã‚‚9ã¾ã§)ã‚’é¿ã‘ã€æœ€æ–°ã®Firefoxãªã©ã®HTML5/CSS3ã«å¯¾å¿œã—ãŸãƒ–ラウザーã‹ã€ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãªã©ã‚’使ã£ã¦é–²è¦§ã™ã‚‹ã“ã¨ã€‚ jQuery Mobile 1.0.1ã§ã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹(プルダウンメニュー)ã®è¡¨ç¤ºæ–¹æ³•ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹é€šã‚Šã 。 selectã«data-native-menu=â€false†をã¤ã‘ãªã„ã¨ã€é–‹ã„ãŸã¨ã普通ã®ãƒ—ルダウンã¨ãªã‚‹ã€‚ selectã«data-native-menu=â€false†をã¤ã‘ã‚‹ã¨ã€ç’°å¢ƒã«ä¾å˜ã—ãªã„インターフェースã¨ãªã‚‹ã€‚ optionã«valueã‚’ã¤ã‘ãªã„ã¨ãƒ—レースホルダーã¨ãªã‚‹ã€‚ <!DOCTYPE html> <html> <head> <meta http-equiv="Content-T
jQuery Mobileã§WordPressブãƒã‚°ã®ãƒ†ãƒ¼ãƒžã‚’制作ã—ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã•ã›ã‚‹æ‰‹é †ï¼ˆç§ã®å ´åˆï¼‰ã€‚
「検索フォームã€ã€Œã‚«ãƒ†ã‚´ãƒªãƒªã‚¹ãƒˆã€ã€Œã‚¢ãƒã‚¦ãƒˆã€ã®3ã¤ã«ã¤ã„ã¦ã¯ã€jQuery Mobieã®ãƒšãƒ¼ã‚¸æ§‹é€ を利用ã—ã¦ã€footer.phpã«è¨˜è¿°ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 2.jQuery Mobileã®ã€ŒThemeRollerã€ã‚’使ã£ã¦ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ†ãƒ¼ãƒžã‚’ä½œæˆ è©³ã—ã„使ã„æ–¹ã¯çœãã¾ã™ãŒã€jQuery Mobileã®ThemeRollerを使ã†ã¨ã€é…色や角丸ã®å€¤ã‚’ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’CSSファイルã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 使ã„方も解説ã„らãšã§ã€ç›´æ„Ÿçš„ã«ã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ãã§ãã¦ã„ã‚‹ã®ã§ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚«ãƒ©ãƒ¼ãƒ†ãƒ¼ãƒžã§æ‰‹ã£å–ã‚Šæ—©ãjQuery Mobileをセミカスタマイズã—ãŸã„人ã«ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ ç§ã¯ã“れを利用ã—ã¦ã€ã¾ãšãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”»åƒã®ã‚ˆã†ã«è¨å®šã—ã¾ã—ãŸã€‚PCサイト用ã«ä½œæˆã—ãŸã‚«ãƒ©ãƒ¼ãƒ†ãƒ¼ãƒžã‚’ã€Adobe Kulerã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãŠãã¨ã€ThemeRolle
Dreamweaver CS5.5 マスターシリーズ 第2回　jQuery Mobile Widgetã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã‚’作ã‚ã†ã€€ãã®1 | デベãƒãƒƒãƒ‘ーセンター
Dreamweaver CS5.5 マスターシリーズ 第2回　jQuery Mobile Widgetã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã‚’作ã‚ã†ã€€ãã®1 ã“ã®ãƒžã‚¹ã‚¿ãƒ¼ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€Dreamweaver CS5.5ã®æ–°æ©Ÿèƒ½ã®ä¸ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºæ©Ÿèƒ½ã‚’ä¸å¿ƒã«è§£èª¬ã—ã¾ã™ã€‚ Dreamweaverã¯CS5.5ã«ãªã‚Šã€ä»Šã¾ã§ã‚ˆã‚Šã‚‚楽ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã‚’制作ã§ãるツールã¨ã—ã¦é€²åŒ–ã—ã¦ã„ã¾ã™ã€‚CS5.5ã§æ–°ãŸã«å°Žå…¥ã•ã‚ŒãŸã®ãŒã€ŒjQuery Mobile Widgetã€ã¨ã„ã†æ©Ÿèƒ½ã§ã™ã€‚ã“ã®jQuery Mobile Widgetを利用ã™ã‚‹ã“ã¨ã§ã€jQuery Mobileã®çŸ¥è˜ãŒç„¡ãã¨ã‚‚ã€ç›´æ„Ÿçš„ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚本記事ã§ã¯ã€ã‚µãƒ³ãƒ—ルサイトを作æˆã—ãªãŒã‚‰ã€jQuery Mobile Widgetã®ä½¿ã„方を解説ã—ã¾ã™ã€‚ ※jQuery Mobile 1.0beta1ã‚’å«ã‚€ä»¥å‰
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
カスタムメニュー | jQuery Mobile 1.1.0 日本語リファレンス
finefinefine.jp
{{#tags}}- {{label}}
{{/tags}}