未显示宽度的简单脚本

时间：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\' );
希望对你有点帮助！

标签： widgets   javascript   小码农  

相关推荐

将JavaScript添加到WordPress网站

我有一个JavaScript代码片段，我想添加到我的WordPress+WooCommerce网站：$(document).ready(function() { $(\'.input-text\').on(\'input\', function() { var valueLength = $(this).val().length; if (valueLength > 0) { $(this).closest