Inject css nach einem JavaScript

Laden Ich habe eine JavaScript-Funktion, die Yammer in einer Sharepoint-Website-Feed abrufen:Inject css nach einem JavaScript

<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>

Wenn es geladen es wie folgt aussehen:

<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>

Ich mag die Hintergrundfarbe des mit Hilfe von JavaScript <h3> Tag ändern, habe ich versucht, diesen Code:

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

aber es funktioniert nicht, ich denke, das Yammer Futter nach meiner zweiten Funktion geladen wird, die den Code ändern Deshalb tut es nichts.

Haben Sie Vorschläge?

Quelle

2016-10-03 ysfibm

Wo befindet sich die Datei, in der Sie versuchen, die 'Hintergrundfarbe' Eigenschaft mit' $ ('# embed h3') .css ('Hintergrundfarbe', 'schwarz'); '? – VGD

Es befindet sich (geladen mit einer JavaScript-Funktion, die ich Ihnen in meinem Post gezeigt habe), in einem Webpart auf meiner SharePoint-Seite – ysfibm

Ich weiß, dass Sie über die Einstellung der Hintergrundfarbe in JavaScript fragen - es ist möglich. Da Sie aber trotzdem einen Script-Webpart verwenden, um den Yammer-Feed einzubetten, warum verwenden Sie kein CSS? Das "! Wichtig" ist, das Inline-Styling zu überschreiben.

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

Sie könnten auch versuchen, _spBodyOnLoadFunctionNames zu verwenden. Dies ruft die Funktion ein bisschen nach $ (Dokument) .ready ...

Quelle

2016-10-04 07:38:56 simon

Inject css nach einem JavaScript

Antwort

Verwandte Themen