jQuery Mobile - listview上的缩略图

Question

如何在jQuery Mobile列表视图小部件中显示图像/缩略图，但只能在iPhone上显示图像/缩略图？它是否像放置一些神奇的CSS类或数据属性一样简单，还是涉及媒体查询等？

由于

Answer 1

根据userAgent是否返回iPad，从 listview 中删除img。

$(document).on("pagecontainercreate", function () {
  if (navigator.userAgent.match("iPad") != null) {
      $(document).on("listviewcreate", function () {
          $(".ui-li-has-thumb", this)
              .find("img")
              .remove()
              .end()
              .removeClass("ui-li-has-thumb");
      });
  }
});

每当创建 listview 时，这将从img中删除ui-li-has-thumb和li类。我使用了pagecontainercreate，因为它只触发一次。