多个DOMContentLoaded事件无法正常工作

Question

我遇到两个javascript的麻烦，只有最后添加的一个javascript似乎正在工作。我怀疑它与DOMContentLoaded事件有关，造成了一些破坏。任何建议将不胜感激。

<div id="previewWidget1"></div>
<div id="previewWidget2"></div>
<script type="text/javascript" src="https://api.connectedcommunity.org/widgetscripts/widgets/hlwidgetcommon.js"></script>
<script type="text/javascript" src="http://api.connectedcommunity.org/widgetscripts/widgets/latestDiscussion.js"></script>
<script type="text/javascript"> 
document.addEventListener('DOMContentLoaded', function() {
hl.latestDiscussion('previewWidget1', {
    discussionKey:'xxx',
    maxToRetrieve:'3',
    subjectLength:'50',
    contentLength:'160',
    moreUrl:'xxx',
    showLoginStatus:'1',
    loginUrl:'xxx',
    domainUrl:'xxx',
    cbUseBioBubble:'0',
    includeStaff:'1',
    HLIAMKey:'xxx'
});
});
document.addEventListener('DOMContentLoaded', function() {
hl.latestDiscussion('previewWidget2', {
    discussionKey:'xxx',
    maxToRetrieve:'3',
    subjectLength:'50',
    contentLength:'160',
    moreUrl:'xxx',
    showLoginStatus:'1',
    loginUrl:'xxx',
    domainUrl:'xxx',
    cbUseBioBubble:'0',
    includeStaff:'1',
    HLIAMKey:'xxx'
 });
});