Вводят CSS после загрузки JavaScript

Question

У меня есть функция JavaScript, извлекающие Yammer кормятся сайт SharePoint:

<div id="embedded-feed" style="height:317px;width:359px;"></div> 
<script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script> 
<script type="text/javascript"> 
yam.connect.embedFeed({ 
    container: "#embedded-feed", 
    network: "mynetwork", 
    feedType: "group", 
    feedId: "all" 
}); 

</script> 

Когда он загружен это выглядит следующим образом:

<div id="embed" class="yj-embed yj-embed-narrow"><div class="yj-hd"> 
 
    <h3 style="background-color: #75150D; color:#FFFFFF; margin: 0px;" role="heading" aria-level="1">The Duck</h3> 
 
    <h2 class="yj-acc-hidden"><span>Message Composer</span></h2> 
 
<div class="yj-global-embed-publisher-with-avatar"><div class="publisher-avatar"><div data-userid="1587566802" class="yj-avatar" aria-hidden="true"> <a class="yj-avatar--link " href="https://www.yammer.com/mynetwork.fr/#/users/1587566802" tabindex="-1" title=""> 
 
     <span class="yj-avatar--thumb yj-avatar--replacement yj-avatar--replacement-color-9 yj-avatar--replacement-letters-2"> 
 
      <span class="yj-avatar--initials" aria-hidden="true">VP</span> 
 
      <span class="yj-avatar--alt-text yj-acc-hidden"></span> 
 
     </span> 
 
    </a> 
 
</div></div>

Я хочу изменить цвет фона <h3> тега с помощью JavaScript, я попробовал этот код:

$('#embed h3').css(' background-color', 'black');

, но он не работает, я думаю, что подача Yammer загружается после моей второй функции, изменяющего код , поэтому он ничего не делает.

У вас есть предложения?

Answer 1

Я знаю, что вы просите установить фоновый цвет в JavaScript - это возможно. Но так как вы все равно используете веб-часть сценариста, чтобы внедрить yammer-feed, почему бы вам не использовать CSS? «Важным» является переопределение встроенного стиля.

<style> 
#embed h3 { 
    background-color: black !important; 
} 
</style> 

Вы также можете попробовать использовать _spBodyOnLoadFunctionNames. Это вызывает функцию немного после $ (document) .ready ...

function setCss() { 
    $('#embed h3').css('background-color', 'black !important'); 
} 
_spBodyOnLoadFunctionNames.push('setCss');