javascript - 在 div 容器中时语法荧光笔不起作用

Question

我正在尝试使用 Luminous syntax highlighter 来突出显示我网站上的一些代码。它运行良好，但如果我想将由 Luminous 生成的 div 放在另一个 div 中以将其放置在我的网站上，则行号切换按钮不再出现。尝试了几个小时更改 css 文件中的内容，但终究没有成功。

这是一个小例子: http://siach.tipido.net/

我想你可以看到所有需要的文件，比如js、css、html...如果您对此有更多疑问，请询问。我认为问题出在 JS/Jquery 中，因为我在这方面很糟糕......

Answer 1

此问题是由于 luminous.js 文件计算错误造成的。

检查第 182 行:

 if (ev.pageX < gutterWidth) {

在我看来，这个假设是不正确的...基本上，因为您用作容器的 div 使用 30px 的边距，因此组件向右移动...所以 ev.pageX 总是大于未显示所需组件的 gutterWidth，因为没有从中减去向右移动的像素数量。

修复，应该替换上面提到的行，对于这个:

if ((ev.pageX - $(this).offset().left) < gutterWidth) {

正如您在 this demo 中看到的那样