我正在尝试使用 Luminous syntax highlighter 来突出显示我网站上的一些代码。它运行良好，但如果我想将由 Luminous 生成的 div 放在另一个 div 中以将其放置在我的网站上，则行号切换按钮不再出现。 尝试了几个小时更改 css 文件中的内容，但终究没有成功。
这是一个小例子: http://siach.tipido.net/
我想你可以看到所有需要的文件，比如js、css、html... 如果您对此有更多疑问，请询问。 我认为问题出在 JS/Jquery 中，因为我在这方面很糟糕......
最佳答案
此问题是由于 luminous.js 文件计算错误造成的。
检查第 182 行:
if (ev.pageX < gutterWidth) {
在我看来，这个假设是不正确的...基本上，因为您用作容器的 div 使用 30px 的边距，因此组件向右移动...所以 ev.pageX 总是大于未显示所需组件的 gutterWidth，因为没有从中减去向右移动的像素数量。
修复，应该替换上面提到的行，对于这个:
if ((ev.pageX - $(this).offset().left) < gutterWidth) {
正如您在 this demo 中看到的那样
关于javascript - 在 div 容器中时语法荧光笔不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20199849/