Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Prettify.js(语法突出显示)不适用于Tumblr主题!_Javascript_Html_Css_Themes_Tumblr - Fatal编程技术网

Javascript Prettify.js(语法突出显示)不适用于Tumblr主题!

Javascript Prettify.js(语法突出显示)不适用于Tumblr主题!,javascript,html,css,themes,tumblr,Javascript,Html,Css,Themes,Tumblr,我正试图以与之相同的方式实现 但是它不起作用。我从他的页面源代码中复制了他的javascript,以确保它能正常工作(因为他在博客帖子中公开写了它,我认为我没有抄袭,而且我在我的页面源代码中给予赞扬),我在他的源代码中包含了他的dropbox链接中的prettify.js,以确保他包含的修复程序正常工作。我还包括了Google的prettify.css以及他们的lang css.js,因为我试图强调css的语法。仍然不起作用。下面是我的Tumblr主题的pastebin链接 由于我没有实际的J

我正试图以与之相同的方式实现

但是它不起作用。我从他的页面源代码中复制了他的javascript,以确保它能正常工作(因为他在博客帖子中公开写了它,我认为我没有抄袭,而且我在我的页面源代码中给予赞扬),我在他的源代码中包含了他的dropbox链接中的
prettify.js
,以确保他包含的修复程序正常工作。我还包括了Google的
prettify.css
以及他们的
lang css.js
,因为我试图强调css的语法。仍然不起作用。下面是我的Tumblr主题的pastebin链接

由于我没有实际的Javascript开发经验,而且我对CSS的理解很差,我很确定我只是做错了什么。但我不知道是什么。我希望StackOverflow的人知道这件事。(我意识到我基本上是在粘贴我的源代码并说“如何修复?”,但我不知道如何更好地减少问题。)

根据rentzsch在他的帖子中所说的,有人知道即使我在使用他的Javascript和一些CSS,我可能做错了什么吗

编辑:使用新的jQuery链接修复,但现在图像不会显示。

此代码导致图像不显示:

// CSS won't autoscale img heights given a max-width. So, we do it ourselves.
var maxWidth = $('.post_body').width();
$('img').each(function(){
   var scaledHeight;
   if (this.width > maxWidth) {
      scaledHeight = (this.height * maxWidth) / this.width;
      this.width = maxWidth;
      this.height = scaledHeight;
   }
});

如何修复此问题?

您已破坏了2个JavaScript文件的URL。更改此项:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>

...
为此:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-lisp.js"></script>

...

您已断开指向2个JavaScript文件的URL。更改此项:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>

...
为此:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-lisp.js"></script>

...

嘿,成功了!非常感谢。第一个链接被复制了,所以我不知道为什么它不起作用,但第二个是我的错误(因为它适用于LISPy语言,所以不应该有什么问题,但修复起来还是很好的!)。现在可以工作了:)css类“post_body”的主题中没有任何元素,所以我猜图像的宽度设置为0像素。尝试更改
$('.post_body').width()
$('.post').width()工作起来很有魅力。谢谢你和一个新手打交道:)我想我应该买一本CSS/HTML的书!嘿,成功了!非常感谢。第一个链接被复制了,所以我不知道为什么它不起作用,但第二个是我的错误(因为它适用于LISPy语言,所以不应该有什么问题,但修复起来还是很好的!)。现在可以工作了:)css类“post_body”的主题中没有任何元素,所以我猜图像的宽度设置为0像素。尝试更改
$('.post_body').width()
$('.post').width()工作起来很有魅力。谢谢你和一个新手打交道:)我想我应该买一本CSS/HTML的书!