我正在尝试使用Luminous语法高亮显示器来突出显示我网站上的一些代码。它运行良好,但如果我想将Luminous生成的div放在另一个div中将它放在我的网站上,则行号切换按钮不再出现。 尝试了几个小时更改css文件中的内容,但毕竟没有成功。
这是一个小例子: http://siach.tipido.net/
我认为你可以看到所有需要的文件,比如js,css,html ...... 如果您对此有任何疑问,请询问。 我认为问题出在JS / Jquery中,因为我非常糟糕......
答案 0 :(得分:3)
问题是由于 luminous.js 文件中的错误估算。
检查第182行:
if (ev.pageX < gutterWidth) {
在我看来,这个假设是不正确的...基本上,因为你作为容器使用的div使用30px的边距,因此组件向右移动...所以ev.pageX
始终是大于gutterWidth
未显示所需组件,因为向右移动的像素数量不会从中减去。
修复,应该替换上面提到的这一行:
if ((ev.pageX - $(this).offset().left) < gutterWidth) {
正如您在 this demo
中看到的那样