knockout data-bind on dynamically generated elements
How is it possible to make knockout data-bind work on dynamically generated elements? For example, I insert a simple html select menu inside a div and want to populate options using the knockout options binding. This is what my code looks like: $('#menu').html('<select name="list" data-bind="options: listItems"></select>'); but this method doesn't work. Any ideas?
『knockout.jsã§ã•ãã•ãWebアプリ開発ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ï¼ スマホ対応アメーãƒãƒ”ã‚° Webアプリ版ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã‚‹å‰å·æµ©å¤ªã¨ç”³ã—ã¾ã™ã€‚ knockout.jsã€ã®æ©Ÿèƒ½ã¨ç‰¹å¾´ã‚’ã€ç°¡å˜ã«ã”紹介ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ knockout.js？knockout.js (http://knockoutjs.com/) knockout.jsã¯MVVM（Model-View-ViewModel）パターンã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ åŒæ–¹å‘データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„アイテムテンプレートç‰ã®æ©Ÿèƒ½ãŒã‚ã‚Šã€Silverlightã‚„WPF開発者ã«ã¯ã‹ãªã‚Šã¨ã£ã¤ãã‚„ã™ã„フレームワークã ã¨æ€ã„ã¾ã™ã€‚ Webアプリã§ã¯DOMã‚’å‹•
Backbone.js ã¨æ¯”較ã—ãªãŒã‚‰ Knockout.js を試ã—ã¦ã¿ãŸ - present
Backbone.js を試ã—ãŸã‹ã‚‰ Knockout.js ã«ã‚‚挑戦 JavaScript ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ MVC フレームワーク㯠Backbone.js ã§ã„ã“ã†ã¨æ€ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€Knockout.js ㌠Ver 2.0 ã§ã‹ãªã‚Šæ©Ÿèƒ½è¿½åŠ ã•ã‚Œã¦ã€ã¡ã‚‡ã£ã¨å¿ƒå¤‰ã‚り。もã¨ã‚‚㨠Knockout.js ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã«èˆˆå‘³ã‚’æŒã£ã¦ã„ãŸã¨ã“ã‚ã«ã€ãƒ†ãƒ³ãƒ—レート機能ãŒè¿½åŠ ã•ã‚Œã¦ã€è©¦ã—ã¦ã¿ãŸããªã‚Šã¾ã—ãŸã€‚ 念ã®ãŸã‚説明ã™ã‚‹ã¨ã€Knockout.js ã¯ã€.NET 開発者ã«ã¯ãŠé¦´æŸ“ã¿ã®ã€ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„ MVVM パターンãŒç‰¹å¾´ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ Knockout : Home ã¡ãªã¿ã«ã€Backbone.js ã®è¨˜äº‹ã¯ã“ã¡ã‚‰ã€‚ 作ã£ã¦è¦šãˆã‚‹ Backbone.js - present 作ã£ã¦è¦šãˆã‚‹ Backbone.js (2) Router ç·¨ - present T
宣言型model-viewクライアントフレームワーク「knockoutjsã€ã‚’試㙠- karasuyamatenguã®æ—¥è¨˜
knockoutjs (http://knockoutjs.com/)ã¨ã„ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークを試ã—ã¦ã¿ãŸã€‚モデルã¨UIã®ä¾å˜é–¢ä¿‚を宣言ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€è‡ªå‹•çš„ã«æ›´æ–°ã—ã¦ãれるã¨ã„ã†ã‚‚ã®ã 。売り文å¥ã‚’ã¾ã¨ã‚ã‚‹ã¨ï¼š OSS, 他フレームワークã¨ã®åˆ©ç”¨å¯èƒ½ã€è»½ã„ã€ãƒ–ラウザサãƒãƒ¼ãƒˆç‰ã€…。誰ãŒç®¡ç†ã—ã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‰ãªã„ãŒã€ãƒ‰ã‚ュメントã¯ã‚ˆã書ã‹ã‚Œã¦ã„ã¦ã‚µãƒãƒ¼ãƒˆä½“制ã¯ã—ã£ã‹ã‚Šã—ã¦ã„るよã†ã€‚ å¿…è¦ãªã‚‚ã® <script type='text/javascript' src='./jquery-1.4.3.js'> <script type='text/javascript' src='./knockout-1.1.0.debug.js'> インストール詳細ã¯ã“ã¡ã‚‰ï¼š http://knockoutjs.com/documentation/installation.html http://githu
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Knockout.jsã§å‹•çš„ã«ç”Ÿæˆã—ãŸhtmlã«å¯¾ã—ã¦bindingã™ã‚‹ - Qiita
{{#tags}}- {{label}}
{{/tags}}