javascript - SyntaxHighlighter 和 jQuery 的 IE 错误 - "Unable to get value of the property ' slice' : object is null or undefined"

Question

我真的很喜欢SyntaxHighter - 事实证明，这是看起来最漂亮的代码。不幸的是，我已经对 IE7 和 IE8 中的一个可怕的 JS 错误大喊大叫，这将阻止我完全使用这个本来很优秀的插件。

这是一个测试用例。我包括

<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

在我的标题中，以便 IE7 和 IE8 可以识别 HTML5 元素。

在我的测试页面的正文中，我只有一些导航项:

<nav id="top-nav" class="f16 clearfix">
    <ul id="nav-menu">
        <li><a href="index.htm">Home</a></li>
        <li><a href="branding.htm">Branding</a>
            <ul class="nav-submenu">
                <li><a href="logos1">Logos 1</a></li>
                <li><a href="logos2">Logos 2</a></li>
                <li><a href="logos3">Logos 3</a></li>
            </ul>
        </li>
    </ul>
</nav>

除了 JQuery 和 SyntaxHighlighter 的这些内容以及这个初始化 SyntaxHighlighter 并尝试向导航菜单添加事件监听器的小脚本之外，没有其他任何内容。

<script src="extra/syntax-highlighter/shCore.js"></script>
<script src="extra/syntax-highlighter/shBrushJScript.js"></script>
<script src="extra/syntax-highlighter/shBrushXml.js"></script>
<script>
    SyntaxHighlighter.all();

    $(document).ready(function(){
        $('#nav-menu').on('mouseenter', function () {
            $(this).children('.nav-submenu').fadeIn('fast');
        })
    })
</script>

当我在 IE7 和 IE8 中查看此页面时，出现错误“SCRIPT5007:无法获取属性“切片”的值:对象为 null 或未定义”，并且我的 jQuery 无法工作。

通过阅读，我了解到这可能与 SyntaxHighlighter 使用的 XRegExp 有关。根据this jQuery bug ticket XRegExp 中存在一些错误，该错误已在 XRegExp 1.5.1 中修复。不幸的是，这个修复似乎没有找到 SyntaxHighlighter 的方法。 SyntaxHighlighter 的 Bitbucket page 上有一个类似错误的讨论。 。我尝试了一个人制作的修改后的 XregExp.js 和 shCore.js 文件，但它没有解决我的问题。

还有人遇到过这种事情吗？否则我将不得不使用其他一些蹩脚的语法荧光笔!

Answer 1

我在 IE7/8 中遇到了同样的问题

我最终通过从 GitHub ( https://github.com/alexgorbatchev/SyntaxHighlighter ) 获取最新版本的插件来修复它们，该版本比 BitBucket 上的存储库更新。