我在php中嵌入了JQuery Mobile,如下所示:
echo '<p id="recordsfound">'.$recordcount ." records found. Enter text to filter records.</p>";
echo '<ul data-role="listview" data-theme="b" data-filter="true" id="lview">';
和css是:
#recordsfound {padding-bottom: 25px; padding-top:0;}
css已完成,因为文本与列表过滤器区域垂直重叠。
但是直到我点击刷新按钮才会这样。 (?!)所以我在JQM加载后尝试使用JQuery来改变css。
并且jquery看起来像这样:
$( '#getclient' ).live( 'pageload',function(event){ //I have also tried pageinit
$('#recordsfound').css({"padding-bottom":"25px"});
$('#recordsfound').css({"padding-top":"0"});
});
这没有效果。
我很确定它与listview过滤器有关,因为我在其他地方没有这些css问题。
提前感谢任何建议和时间。