插入jquery移动列表视图无法正确格式化

Question

当我添加像这样的jquery移动列表视图时：

newtype Const3 a b c = Const3 { getConst3 :: a }

instance Monoid m => Category (Const3 m) where
  id = Const3 mempty
  Const3 x . Const3 y = Const3 (mappend x y)

一切都格式正确，看起来应该如此。

但是当我使用以下javascript代码动态添加完全相同的东西时：

<ul data-role="listview">
  <li><a href="">test</a></li>
</ul>

它突然不再起作用了，这意味着显示了一个正常列表而不是列表视图。怎么可能？

Answer 1

如果您动态附加列表视图，则需要在其上调用refresh（）方法来更新样式。

$('#main [data-role="main"]').append('<ul data-role="listview"><li><a href="#">test</a></li></ul>');
$("ul").listview( "refresh" );
$("ul").trigger("create");