0

我正在使用 Alex Gorbatchev 的SyntaxHighlighter 插件来美化 XML 消息。它对于小消息来说就像一个魅力,但对于大消息(~10k 行)需要相当多的时间,并且页面会冻结,直到插件完成工作。现在我想在语法高亮器上附加一个加载微调器,因此在插件工作时会显示“正在加载..”消息,并且在插件完成后会消失。我已经有了微调器,只是现在不知道如何将它连接到 SyntaxHighlighter。我发现的有关负载微调器的所有信息都与将它们与 Ajax 调用一起使用有关。浏览插件的 API 也对我没有帮助,我一直在寻找某种事件来表示完成,但由于我是 JS/jQuery 的新手,我很容易错过它。

所以我的问题是,如何将负载微调器与 SyntaxHighlighter 插件绑定?我应该以某种方式使用 jQuery 延迟对象,还是手动将事件附加到插件?

任何信息将不胜感激。

4

1 回答 1

1
<script type="text/javascript">
    SyntaxHighlighter.all();
    $(window).load(function () {
        $('#spinner').hide(); // Hide after load is completed
    });
</script>

Syntax Highlighter 不会在 .ready 处运行,而是在 .load() 完成时完成。因此,通过在使用 jquery 完成加载时隐藏您的元素(此处为 id="spinner")。

我也花了一段时间才弄清楚这一点。

于 2015-01-08T04:40:15.927 回答