私のHTMLページにCSSファイルを動的に取得する方法

同じナビゲーションバーを持つ複数のhtmlページがあります。私は最近、navbarを自分のnavbar.htmlファイルに入れて、jQuery.get（）を介してajaxを使用して、すべてのページ全体でコードを繰り返すのではなく、navbarを自分のページに動的に読み込みます。私のHTMLページにCSSファイルを動的に取得する方法

現在、navbar.htmlにはスタイルシートがありません。ナビゲーションバーが呼び出し元のページに戻されたときにスタイルが適用されるためです。

navbar.htmlにも.cssを含める必要がありますか？彼らは同じ2つのスタイルシートを参照しています。私はそれが可能だと考えていますが、まだテストしていません - 将来このファイルを変更しやすくなります。ここでベストプラクティスは何ですか？私はサーバー側のコードを使用しません。

もっと一般的な方法がある場合はお知らせください。私は運がない。（私は.netウェブフォームの背景から来ているので、そこにマスターページを使用するだけです）。

関連リンクもあります。

出典

2016-09-23 RSSM

を確認してください。 HTMLを個別に読み込む必要はありません。ナビゲーションバー、ヘッダー、フッターなどにはディレクティブを使用できます。メインコンテンツのみがルートに基づいて変更されます。 –

@NikhileshKVそれは同じ考えです。 –

これは、レンダリングの面では優れた方法ではありません。 navbarのテンプレートを1つだけ保持するために、 'jade'、 'mustache'、 'handlebars'などのテンプレート言語を使用してみてください。私を信頼するには、少し時間をかけて投資する必要がありますが、将来的にはもっと良いワークフローが得られるでしょう。とにかく、ajaxでナビバーをロードしたい場合は、すべてのスタイルを含める必要はありません。メインページと同じスタイルを使用できます。あなたのページに挿入したいタグを置くだけです。 –

-1

私には良く見えるangular.jsを使用して、スニペット

First you have to make you pages index.php 
 
Then include your navbar.php to index.php using <?php include'navbar.php';?> 
 

 
Use below method to active the button on each pages 
 

 
1- Define your page name <?php $page = 'company';?> 
 
2- Define a active class in css file 
 
3- Call the active class to button 
 
    
 

 
<!-- begin snippet: js hide: false console: true babel: false -->

出典

2016-09-23 10:42:47

私は、厳格なサイドコードは使用しないと言いました。 – RSSM

私のHTMLページにCSSファイルを動的に取得する方法

答えて

関連する問題