online Editor
enhanceWithin() | メソッド - jQuery Mobile リファレンス
enhanceWithin() - jQuery Mobile 1.4で追加されたenhanceWithin()のサンプルです。
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>sample</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script> <script> $.mobile.document.on( "click", "#insert", function() { var newElem = "<div data-role='controlgroup' data-theme='b'>" + "<a href='index.html' data-role='button'>Yes</a>" + "<a href='index.html' data-role='button'>No</a>" + "<a href='index.html' data-role='button'>Maybe</a>" + "</div>"; $("[data-role=content]").html(newElem).enhanceWithin(); }); </script> </head> <body> <div data-role="page"> <div data-role="header"> <h3>sample</h3> </div> <div data-role="content" id="main"> <div id="insert">click</div> </div> <div data-role="footer"><h4>Web Creative Park</h4></div> </div> </body> </html>
HTMLを反映する >>
タグ:
enhanceWithin()
jQuery Mobile
Web Creative Park