javascript - 需要有关 phpBB 中 onclick BBCode Spoiler-Tag 的建议

Question

我几乎在我的 overall_header.html 的底部实现了这个 javascript:

<script lang="javascript" type="text/javascript">
        window.onload = function() {
            var IMG = document.getElementsByTagName('img');
            for (var i=0;i<IMG.length;i++) {
                IMG[i].addEventListener('click',fullImage,false);
            }
            var SPOILER = document.getElementsByClassName('spoiler');
            for (var i=0;i<SPOILER.length;i++) {
                SPOILER[i].addEventListener('click',showSpoiler,false);
            }
        };
        function fullImage() {
            if (this.className == '') {
                this.className = 'full-image';
            } else {
                this.className = '';
            }
        }
        function showSpoiler() {
            if (this.className == 'spoiler') {
                this.className = 'spoiler show';
            } else {
                this.className = 'spoiler';
            }
        }
    </script>

然后我在 ACP 中创建了一个自定义 BBCode 标签:

[spoiler]{TEXT}[/spoiler]
<span class="spoiler" onclick="function('showSpoiler');>{TEXT}</span>

还有我的stylesheet.css中相应的CSS类

.spoiler { color: #000000; background: #000000; cursor: help; }
.spoiler img { visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.spoiler.show { text-decoration: none; background: transparent; }
.spoiler.show img { visibility: visible; display: inline-block; -webkit-user-select: all; -moz-user-select: all; user-select: all; pointer-events: all; }

现在发生的事情是标有 BBcode 剧透标签的文本将被涂黑，当我将鼠标悬停在它上面时，光标将变为帮助光标图标，但“点击”时没有任何反应。请您告诉我如何才能让这些东西最终发挥作用？

请问你能帮帮我吗？非常感谢!

Answer 1

似乎您在 span 的 onclick 属性末尾缺少双引号。

编辑:我已经进行了 fiddlecheck 以确保。如您所见，它按预期工作。我的建议是开始使用支持语法高亮的 IDE(例如 Netbeans、PHPStorm 或 Eclipse)或至少是一个编辑器(例如 NP++)，以免忽略此类输入错误。

<span class="spoiler" onclick="function('showSpoiler')">spoilertext</span>

https://jsfiddle.net/wj8oqk7o/