Prettify.js（語法突出顯示）不適用於Tumblr主題！

我試圖以與this fellow here.Prettify.js（語法突出顯示）不適用於Tumblr主題！

相同的方式實現prettify.js但是它不起作用。我從他的頁面源複製了他的javascript，以確保它可以工作（因爲他公開地在博客文章中寫道它，我認爲我不是抄襲，再加上我在頁面源中的功勞），並且我在他的Dropbox鏈接中包含prettify.js他的來源以及確保他包括的修復工作。我還收錄了Google的prettify.css以及它們的lang-css.js，因爲我試圖強調CSS的語法。還是行不通。下面是我的Tumblr主題的pastebin鏈接。

Theme

因爲我有沒有實際的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; 
    } 
});

我該如何解決這個問題？

來源

2011-05-30 2rs2ts

你已經破壞了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>

來源

2011-05-30 22:01:58 jazgot

嘿，成功了！非常感謝。第一個鏈接被複制，所以我不知道它爲什麼不起作用，但第二個鏈接是我的錯誤（應該沒有關係，因爲它是針對LISPy語言的，但仍然很好解決！）。它現在正在工作:) – 2rs2ts 2011-05-30 22:05:42

出現新問題，請參閱編輯發佈！ – 2rs2ts 2011-05-30 22:10:13

在你的主題中沒有元素與CSS類「post_body」，所以我的猜測是圖像設置爲0像素寬度。嘗試將'$（'。post_body'）。width（）;'改爲'$（'。post'）。width（）;' – jazgot 2011-05-30 22:19:00

Prettify.js（語法突出顯示）不適用於Tumblr主題！

回答

相關問題