<script type="text/javascript"> $(function(){ $(':button').click(function(){ $('#listview').append("<li>サンプルリスト2</li>"); }); }); </script> <div class="content" data-role="content"> <button>ボタン</button> <br> <ul data-role="listview" id="listview"> <li data-role="list-divider">見出し1</li> <li><a href="http://www.confrage.com/" rel="external" target="_blank">サンプルリスト1</a></li> </ul> </div>
<script type="text/javascript"> $(function(){ $(':button').click(function(){ var $a = $("<a/>"); $a.attr("rel","external").attr('target','_blank').attr('href','http://www.confrage.com/'); $('#listview').append($a.html("<li>サンプルリスト2</li>")); }); }); </script> <div class="content" data-role="content"> <button>ボタン</button> <br> <ul data-role="listview" id="listview"> <li data-role="list-divider">見出し1</li> <li><a href="http://www.confrage.com/" rel="external" target="_blank">サンプルリスト1</a></li> </ul> </div>
<script type="text/javascript"> $(function(){ $(':button').click(function(){ var $a = $("<a>"); var $li = $("<li>"); $a.attr("rel","external").attr('target','_blank').attr('href','http://www.confrage.com/'); $('#list').append($li.html($a.text("サンプルリスト2"))); $('#list').listview('refresh'); }); }); </script> <div class="content" data-role="content"> <button>ボタン</button> <br> <ul data-role="listview" id="listview"> <li data-role="list-divider">見出し1</li> <li><a href="http://www.confrage.com/" rel="external" target="_blank">サンプルリスト1</a></li> </ul> </div> </script>