Label function

在原本的template裡面，Label的部份，如果User在"最新文章"那一欄選過下一頁，之後再選擇其他Label的情況時，會出現fetch資料不成功，導致在"最新文章"裡面看到的文章標題都是一樣的東西。

經過檢查.js的程式碼，發現fetch的部份會紀錄一個startIndex作為這一次fetch要開始的地方。因為這是一個全域變數，所以當user按到別的Label之後，startIndex會繼續沿用，所以當某一個Label的文章數沒有那麼多的時候，便沒辦法fetch到資料。

舉個例子說明這個情況。假設現在全部的文章有100篇，Label為blog的文章有5篇。一開始startIndex=1，所以可以正常fetch。如果此時user點了"下一頁"，則會呼叫fetchOlderPosts。這裡面會把startIndex加上numPosts，假設numPosts=10，則此時startIndex=11。然後下一步User點了blog這個Label，所以fetchPosts(blog)，這邊會由startIndex=11開始fetch。但是前面假設Label為blog的文章只有5篇，所以就fetch不到東西，所以這邊畫面上就還是維持在原本的資料的樣子。

這樣應該看得懂吧。

這邊在邏輯上應該是要改成，當user選擇了不同的Label的時候，將startIndex回復到預設值。

所以，下面我將對neochinese.js的內容做一點點小修改。

1.設定一個全域變數，紀錄上一次的Label。
這個加在檔案一開始全域變數的地方
var oldlabel ="";
2.在fetchPosts的時候，檢查Label如果跟先前的不一樣，就把startIndex設為1，並更新紀錄的Label值。
這個加在function fetchPosts(label)裡面的一開始。
if(label != oldlabel){
  startIndex = 1;
  oldlabel = label;
}
這樣就ok啦，把右邊的標籤雲亂玩弄一番，看起來頗正常的。

YA~hack成功。

07.08.24 後記

剛去看了原作者的blog，發現這一個問題，作者的blog是不會發生的。或者也許他之前就已經發現了也說不定。

原作者的作法是，多加一個fetchLatestPosts的function。這個function在我手上的neo.js裡面是有的，只是長得不太一樣。

作者現在用的fetchLatestPosts長得像下面這樣。
function fetchLatestPosts(label) {
  startIndex = 1;
  fetchPosts(label);
}
然後將template裡面label的按鈕原本是call fetchPosts(label);改為call fetchLatestPosts(label);這樣一樣可以解決上面這個問題，不過大家要改兩個檔案就是了。

BTW,我稍早也想要做那個按下label除了改list之外，也把顯示的文章改成該label的最新一篇文章。不過隨便改一下會怪怪的。等我改出來再Post給大家參考吧。