jquery mobile listview圆角问题

时间:2011-10-26 19:58:16

标签: javascript jquery css jquery-mobile

请参阅http://m.xn--e-nsker-r1a.dk/以了解现实生活中的问题。

有人可以告诉我为什么最初(即使在我尝试调用$(".todoList").listview('refresh')之后,角落也不是圆形。列表项目是完全样式的,但角落不是圆的。

然后,如果我添加一个todoitem(点击+),角落会变圆,但如果我再次删除它没有角落是圆的。我认为底部角落可能难以保持圆形,因为列表项目已经从底部删除,但即使是顶部,经过没有操作也没有方格角在删除了listitem之后 - 即使它们在listitem之后变成了圆形最初添加。

这对我没有意义,为什么listview('refresh')会使角落成为正方形

谢谢。

4 个答案:

答案 0 :(得分:3)

listview('refresh',true);

附加的true参数保持舍入效果。

答案 1 :(得分:1)

看看您是否为标记指定了data-inset =“true”。

谢谢, 希亚姆

答案 2 :(得分:0)

你的mobilescript.js中有些东西与css / layout混淆。

这是一个没有它的jsfiddle:http://jsfiddle.net/NABUv/1/

这里有一个:http://jsfiddle.net/NABUv/2/

如果您使用Google Chrome浏览器/ webkit浏览器

,则可以看到丢失的边框

所以这不是JqueryMobile:)

答案 3 :(得分:0)

我遇到了同样的问题,结果发现在我的页面内容之后我有一个隐藏的div元素。 JqueryMobile css使用first-child + last-child选择器来应用border-radius。