Question

我正在使用Alex Gorbatchev的SyntaxHighlighter plugin来美化XML消息。它就像一个小消息的魅力，但是对于较大的消息（~10k行）需要花费相当多的时间，并且页面会被冻结，直到插件完成工作。现在我想将一个加载微调器附加到syntaxhighlighter，因此当插件工作时将显示“Loading ..”消息，一旦插件完成，它将消失。我已经有了微调器，我现在不知道如何将它挂钩到SyntaxHighlighter。我发现的有关加载微调器的所有信息都与使用它们进行Ajax调用有关。通过插件的API也没有帮助我，我正在寻找某种事件来表示完成，但由于我是JS / jQuery的新手，我很容易错过它。

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

任何信息都将受到高度赞赏。

Answer 1

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

语法Highlighter不在.ready运行，但在.load（）完成时完成。所以当使用jquery完成加载时隐藏你的元素（这里是id =＆＃34; spinner＆＃34;）。

我也花了一些时间来解决这个问题。

Javascript / jQuery如何将Load Spinner附加到语法Highlighter插件

1 个答案: