PHPのajaxページにCSSスタイルがロードされていません

Question

インデックスページには外部ページのデータを表示するdivがありますが、データは表示されますがCSSスタイルは表示されません。 CSSスタイルは両方のページに追加されますが、テキストは正常に表示されます。

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#not').load('job-notification2.php'); 

    $("<link/>", { 
     rel: "stylesheet", 
     type: "text/css", 
     href: 'assets/css/oneui.min.css' 
    }).appendTo("head"); 
}); 
</script> 

それは次のようになります方法：

そして、それはどのように見えるか：

詳細情報： インデックスが含まれています

<ul class="dropdown-menu dropdown-menu-right"> 

           <div id="not"></div> 
<ul> 

ジョブnotification2.phpが含まれています：

を

<li style="padding:5px" class="hidden-sm hidden-xs"> 
<a href="#"><i class="fa fa-exclamation"></i> 
No notifications </a> 

</li> 

Answer 1

は、ジョブ通知ページのIEで新しいスタイルを追加します。

.xyz { 
display: list-item; 
text-align: -webkit-match-parent; 
line-height: 1.42857143; 

} 
.xyz a{ 
display: block; 
padding: 7px 12px; 
clear: both; 
font-weight: normal; 
line-height: 1.42857143; 
color: #333; 
white-space: nowrap} 
.xyz a:hover{ 
background-color: #f9f9f9 
color: #262626; 
text-decoration: none; 
background-color: #f5f5f5 
} 


<li class="xyz"> content </li> 

問題は、外部CSSです。必要な

スクリプトは次のようになります。

<script type="text/javascript"> 
$(document).ready(function() { 
      $('#not').load('job-notification2.php');}); 
</script>