1

私はjqueryモバイルサイトを持っています。約 50 の HTML ページがあり、ヘッダーに単純なホーム ボタンを追加する必要があります。CSS からこのボタンを追加することは可能ですか、それともすべての html ファイルを 1 つずつ開いて追加する必要がありますか?

ボタンは次のように単純です。

<a href="http://myHomepage.com" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-right">Home</a>

また、このボタンを左側に表示するにはどうすればよいですか? なぜか右側に表示されます。

また、ヘッダーのテーマの色をすべてのファイルで変更するのではなく、CSS から変更するにはどうすればよいですか?

どうもありがとうございました

4

2 に答える 2

2

作業例: http://jsfiddle.net/Gajotres/ZUYmt/

$(document).on('pageinit',  function(){       
    $('<a href="#index" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-left" data-theme="a">Home</a>').button().appendTo('[data-role="header"]');
});

  1. いいえ、CSS のみを使用してボタンを追加することはできませんが、jQuery を使用して追加することはできます。例は上の作業例にあります。

  2. ボタン ti を左側に表示するには、ボタン属性class="ui-btn-right"を次のように変更します。class="ui-btn-left"

  3. 次のように実行できます。

    $(document).on('pagebeforecreate',  function(){  
    $('[data-role="header"]').attr('data-theme','a');        
});
于 2013-06-05T09:46:04.043 に答える
0

Web サイトがテンプレート ファイルを使用してレイアウトを作成せず、ページごとに構築されている場合、最善のオプションは、jQuery を使用してすべてのページにホーム ボタンを追加することです。テンプレート ファイルを使用する場合は、これらを使用してください。これにより、javascript を使用しない環境でボタンがレンダリングされないという問題が回避されます。

他の質問に関しては、もう少しコードを示して、おそらくフィドルを設定する必要があります。

于 2013-06-05T09:16:54.357 に答える