0

次のような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の問題は他にないので、リストビューフィルターに関係していると確信しています。

ご提案とお時間をいただきありがとうございます。

4

0 に答える 0