在div容器中语法highlighter不工作

时间:2013-11-25 17:50:46

标签: javascript jquery html css

我正在尝试使用Luminous语法高亮显示器来突出显示我网站上的一些代码。它运行良好,但如果我想将Luminous生成的div放在另一个div中将它放在我的网站上,则行号切换按钮不再出现。 尝试了几个小时更改css文件中的内容,但毕竟没有成功。

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

我认为你可以看到所有需要的文件,比如js,css,html ...... 如果您对此有任何疑问,请询问。 我认为问题出在JS / Jquery中,因为我非常糟糕......

1 个答案:

答案 0 :(得分:3)

问题是由于 luminous.js 文件中的错误估算。

检查第182行:

 if (ev.pageX < gutterWidth) {

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

修复,应该替换上面提到的这一行:

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

正如您在 this demo

中看到的那样
相关问题