jQuery | 萌えログ.com

這幾天花了一點時間把目前所用的theme改成了HTML5的版本，這是很早以前就想試試看的玩意了，算是了結了一樁心願。

まあ、基本上這個部落格的theme是在下僅就自身需求特製的，相當輕巧簡單沒什麼特別的功能，因此HTML5化並不算太難，只不過在下是參考外國人的模板下去修改的，各區塊所使用的標籤到底正確與否，老實説在下也不知道…目前測試過在FireFox20.0.1、Google Chrome26.0.1410.64以及IE9.0.15上述這幾個版本的瀏覽器下顯示皆是正常的，如果有問題的話還請不吝告知m(_ _)m

另外一個最近困擾在下許久的問題，周遭沒有人可以問順便在這邊提一下也罷。有朝一日哪位強者看到了説不定能給在下一點建議。

前幾天的文章曾經提到這個網誌最近開始使用了MP-Ukagaka這個偽春菜插件,由於還蠻有意思的沒意外的話未來應該會長期使用下去。然而問題就在於該插件會在網頁底部生成如下的原始碼,有點像是經過加密的台詞：

<div id="msglist" style="display:none;">
{"msgall":1,"auto_msg":"","msg":[
"\u8db3\u3092\u6b62\u3081\u305f\u3089\u99c4\u76ee\u3067\u3059\u3002\u9032\u3081\u308b\u306a\u3089\u3001\u9032\u3080\u3079\u304d\u306a\u3093\u3067\u3059\u3002"
]}
</div>

{"msgall":1,"auto_msg":"","msg":[

"\u8db3\u3092\u6b62\u3081\u305f\u3089\u99c4\u76ee\u3067\u3059\u3002\u9032\u3081\u308b\u306a\u3089\u3001\u9032\u3080\u3079\u304d\u306a\u3093\u3067\u3059\u3002"

]}

</div>

まあ、今天如果設定的台詞只有五句十句的話是還沒什麼太大的問題，但在下很貪心往後台詞可能會增加到數十句甚至上百句也説不定，如此一來單一頁面的KB數就會變得很誇張…另外一個問題就是，即便它是用display:none讓這些内容不會直接顯示在網頁上，但搜尋引擎可是一字不差的全部收録了進去，個人覺得這不是一個好現象，所以想針對此作點改造這樣子。

在下想到的方法是利用jQuery改採外部讀入txt文件的方式，但無奈在下對JS程式碼什麼的根本一竅不通，幾經査詢摸索目前只能得到以下的範例，實際演示：

$(document).ready(function() {
$('.nextlink a').(function($) {
$.get('random.txt', function(data) {
var msg= data.split("\n");
var say = Math.floor(msg.length * Math.random());
$('#msg_idv').html(msg[say])
},'text');
});
});

$(document).ready(function() {

$('.nextlink a').(function($) {

$.get('random.txt', function(data) {

var msg= data.split("\n");

var say = Math.floor(msg.length * Math.random());

$('#msg_idv').html(msg[say])

},'text');

});

原則上在吾有限的知識範圍内，捨棄MP-Ukagaka更換人格的功能的話這樣的確可以達到在下所想要的東西，但我希望説當點撃了Click Me之後，原本的台詞會先fadeOut出去，然後新的台詞在fadeIn進來…但這個效果在下不知道要如何呈現，是要用delay還是setTimeout…又該怎麼寫？甚者能有下一句隨機台詞絶對不會跟上一句相同的設定…由於自己是個門外漢，加上百尋不得其解，就寫在這裡作個memo,期待哪一天真的有人能給在下一個解答了。以上。