Prettify.js (подсветка синтаксиса) не работает на тему Tumblr! - PullRequest
Новая
       34

Prettify.js (подсветка синтаксиса) не работает на тему Tumblr!

0 голосов
/ 31 мая 2011

Я пытаюсь реализовать prettify.js так же, как этот парень здесь.

Однако это не работает.Я скопировал его javascript из его источника на странице, чтобы убедиться, что он будет работать (так как он публично написал это в посте блога, я думаю, что я не плагиат, плюс я отмечаю в своем источнике страницы), и я включил prettify.js из его dropboxссылки в его источнике, чтобы убедиться, что исправления, которые он включал, работали.Я также включил Google prettify.css и их lang-css.js, потому что я пытаюсь выделить синтаксис CSS.До сих пор не работает.Ниже приведена ссылка на мою тему на Tumblr.

Тема

Поскольку у меня нет настоящего опыта разработки 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;
   }
});

Как это исправить?

1 Ответ

4 голосов
/ 31 мая 2011

Вы разбили ссылки на 2 файла JavaScript.Измените это: 

<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>
...