次のような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をロードした後にcssを変更するためにJQueryを試してみました。
jquery は次のようになります。
$( '#getclient' ).live( 'pageload',function(event){ //I have also tried pageinit
$('#recordsfound').css({"padding-bottom":"25px"});
$('#recordsfound').css({"padding-top":"0"});
});
これは効果がありません。
これらのcssの問題は他にないので、リストビューフィルターに関係していると確信しています。
ご提案とお時間をいただきありがとうございます。