javascript - ボタンのみのリンクが表示されるため、jQueryモバイルの折りたたみ可能なリンクがレンダリングされない

Question

私のhtml

<form>
    <input data-type="search" id="searchForCollapsibleSet">
</form>
    <div data-role="collapsibleset" data-filter="true" data-inset="true" id="collapsiblesetForFilter" data-input="#searchForCollapsibleSet">
        <div data-role="collapsible" data-filtertext="Resources">
            <h3>Resources</h3>
            <ul id="rsscontent" data-role="listview" data-inset="false">              
                <li><a href="http://www.google.com/">Google.com</a></li>
            </ul>
        </div>
  </div>

Google.com はボタンとして正常にレンダリングされました。

次のような JS を使用します。

var dataline = '<li><a href="http://www.google.com/">Google.com</a></li>';
$('#rsscontent').append(dataline);

Google.com は、ボタンではなくリンクとしてのみ表示されます。

ページを再レンダリングするためにイベントをトリガーする必要がありますか?

http://jsfiddle.net/4dhwK/

Answer 1

$('#rsscontent').append(dataline).listview("refresh");