大神求教 abel标签里的文本被覆盖了

xiaosheng

异常现象label标签里的文本被覆盖了


（这个效果 <li data-role="fieldcontain"> ）
手机竖屏中预览是这个效果：

横屏时是这个效果：


于是该标签属性
（这个效果<li data-role="content"> ）
横竖都是这个效果：


于是我想用js 动态修改 data-role值 但是没效果
代码：
$("#ul li").each(function(index, element) {
         if($(this).attr("data-role")=="fieldcontain")
         {
            $(this).attr("data-role","content");
         }
   });

求解！