javascriptのsyntaxhighlighterを使うとき､PJAXの遷移後のﾍﾟｰｼﾞで､ﾊｲﾗｲﾄしたい場合､どうすればいいですか? ver 3.0.83です｡ http://alexgorbatchev.com/SyntaxHi…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

javascriptのsyntaxhighlighterを使うとき､PJAXの遷移後のﾍﾟｰｼﾞで､ﾊｲﾗｲﾄしたい場合､どうすればいいですか?
ver 3.0.83です｡
http://alexgorbatchev.com/SyntaxHighlighter/
ちなみに､自分でhtmlを書いて作った普通のｻｲﾄです｡
お願いします｡

●質問者: Kamesuta
●ｶﾃｺﾞﾘ:ｺﾝﾋﾟｭｰﾀｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● a-kuma3

ﾍﾞｽﾄｱﾝｻｰ

PJAX で遷移した後 (pjax:success) に､highlight ﾒｿｯﾄﾞを呼ぶ､かな｡

$(document).on('pjax:success', function(e, data) {
 SyntaxHighlighter.highlight();
});

Kamesutaさんのｺﾒﾝﾄ
ありがとうございます｡もう1つききますが､Autoloderを使ってる場合､遷移後のﾍﾟｰｼﾞのpreの構文に､対応するる場合､どうすればよいですか？

a-kuma3さんのｺﾒﾝﾄ
Autoloader って､↓のことですか？ http://code.google.com/p/jquery-autoloader/ complete で､highlight ﾒｿｯﾄﾞを呼べば良いんじゃないかと思います｡

Kamesutaさんのｺﾒﾝﾄ
ごめんなさい｡ syntaxhighlightrの一緒に入っている､shAutoloader.js です｡お願いします｡

a-kuma3さんのｺﾒﾝﾄ
>> syntaxhighlightrの一緒に入っている､shAutoloader.js です｡ << へぇ､こんなのができたんですね｡変にｿｰｽを読まずに､all ﾒｿｯﾄﾞで､って書けば良かった <tt>orz</tt> highlight ﾒｿｯﾄﾞではなく､auto ﾒｿｯﾄﾞを使ってみてください｡ >|javascript| $(document).on('pjax:success', function(e, data) { SyntaxHighlighter.all(); }); ||<

Kamesutaさんのｺﾒﾝﾄ
allではできず､autoでもできませんでした｡ highlight()ではできたので､autoloder専用のﾒｿｯﾄﾞを教えてください｡ SyntaxHighlighter.autoloader();//←ここってどうすればいいの？ SyntaxHighlighter.highlight(); こんなのも試したけど､できませんでした｡autoloaderのﾒｿｯﾄﾞを教えてください｡

a-kuma3さんのｺﾒﾝﾄ
ごめんなさい｡auto は､all の書き間違い｡新しい SyntaxHighlighter のｿｰｽも読んでみた｡こんな感じで行けると思う(自信ない)｡ >|javascript| $(document).on('pjax:success', function(e, data) { SyntaxHighlighter.autoload( /* 必要な brush の定義 */ ... ); SyntaxHighlighter.all(); }); ||< >> SyntaxHighlighter.autoloader();//←ここってどうすればいいの？ << これについては､↓を読むと分かると思う｡ http://www.872style.com/872/memo/web/SyntaxHighlighter.php

Kamesutaさんのｺﾒﾝﾄ
pjaxｻｲﾄでは､やはり手動で､1つずつ､ていねいに読み込んでいった方がいいのですね｡

a-kuma3さんのｺﾒﾝﾄ
あらっ､閉まっちゃった｡ autoload の書き方が分からなかったんでしょうか？それとも､書いても期待した通りに動かない？

Kamesutaさんのｺﾒﾝﾄ
autoloadだけをもう一度実行するやり方が分かりません｡

a-kuma3さんのｺﾒﾝﾄ
｢だけ｣っていうのが､よく分からない｡ SyntaxHilighter.autoload が呼ばれると､SyntaxHilighter.all の内容を置き換え､brush のｽｸﾘﾌﾟﾄをﾛｰﾄﾞし始める｡ SyntaxHilighter.all を呼ぶと､内部的にﾌﾗｸﾞが立ち､そのﾌﾗｸﾞが立っていると､ｽｸﾘﾌﾟﾄのﾛｰﾄﾞが終わったときに brush の指定が入ってる pre を探して､見た目を変えていく｡ぼくがｿｰｽを見た 3.0.83 では､見た目を変えた後に動的に読みこんだｽｸﾘﾌﾟﾄﾀｸﾞを外しているので､ﾍﾟｰｼﾞの遷移をしていなくても､autoload + all をﾍﾟｱで呼んであげれば､PJAX で読み込んだ部分にも､適用されると思うんだけどなあ｡