未显示宽度的简单脚本

时间:2016-12-25 作者:jcwill

这是我的脚本,它应该以一种不臃肿的方式显示来自Discord服务器的基本信息。我已经在其他平台(纯HTML、Invision Power等)上测试过,但由于某些原因,它不会显示。我尝试了各种“扩展”小部件插件,但没有成功。非常感谢您的帮助。

<script type="text/javascript" src="http://www.drmath.xyz/js/discord.min.js"></script>
<script type="text/javascript">
discordWidget.init({
  serverId: \'51143782082543616\',
  title: \'Discord Widget Title\',
  join: true,
  alphabetical: false,
  theme: \'light\',
  hideChannels: [\'Channel Name 1\', \'Channel Name 2\'],
  showAllUsers: true,
  allUsersDefaultState: true,
  showNick: false
});
discordWidget.render();
</script>
<div class="discord-widget"></div>

1 个回复
SO网友:Benoti

您可能需要在jQuery或任何其他库之后将js文件排队。这也取决于你想如何实现它(用你的主题或插件),但这是另一个问题。

你需要了解更多wp_enqueue_scripts 以正确的方式注册和排队,查看Discord手册,以准确了解要使其工作,您必须遵守哪些库和依赖项。

function wpse_250336() {   
    wp_enqueue_script(\'jquery\');      
    wp_enqueue_script( \'discord\', trailingslashit( get_template_directory_uri() ) . \'js/discord.min.js\', array(\'jquery\') );

}

add_action( \'wp_enqueue_scripts\', \'wpse_250336\' );
希望对你有点帮助!