jQuery mobile collapsible中的链接未呈现为仅按钮链接显示

时间:2014-07-14 14:50:37

标签: javascript jquery-mobile jquery-mobile-collapsible

我的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/

1 个答案:

答案 0 :(得分:0)

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