有几个问题,但最主要的是Sidebareffect何时起作用。js加载了它要查找的HTML,但它还不存在。所以
var container = document.getElementById( \'st-container\' )
// and
buttons = Array.prototype.slice.call( document.querySelectorAll( \'#st-trigger-effects > button\' ) )
运行脚本时,两者都为空。
最简单的修复方法是<script>
在您的<body>
标签,而不是<head>
. 如果您手动将这些文件包含到主题中,没问题,只需将它们粘贴到主题中,相当于footer.php
. 如果要将它们排队,请参见此处的$in\\u footer参数:http://codex.wordpress.org/Function_Reference/wp_enqueue_script
您还有两个容器id="st-trigger-effects"
. 请参见此处:https://html5.validator.nu/?doc=http%3A%2F%2Fchocobento.x10.mx%2Fwp%2F