多級標題

在自己的xxxx.md檔案中做如下修改：

categories:
  - 搗蛋鬼
  - mac

新建catogery_js.js(名字無所謂)

加入自己的js

我這裡是下面這樣的

function category_js () {
  $("<div class='display' style='float: left'> &nbsp>&nbsp </div>").prependTo(".category-list-item");
  $(".category-list-child").css("display","none");
// .posts-expand .post-body ul li

  // $(".posts-expand .post-body ul  li .category-list-link ").first().css("font-weight","bold");
  $(".posts-expand .post-body ul .category-list-item ").first().children(".category-list-link").css("font-weight","bold");
  $(".posts-expand .post-body ul .category-list-item ").first().siblings("li").children(".category-list-link").css("font-weight","bold");
  // $(".category-list-child").css("list-style-type","none");
  // $(".category-list-item").css("list-style-type","none");
  $(".posts-expand .post-body ul li ").css("list-style-type", "none");
  $(".category-list-link ").css("border-bottom", "none");

  $(".display").click(function () {
    // $(this).siblings(".category-list-child").css("display")=="none"?
    // $(this).siblings(".category-list-child").css("display","block"):$(this).siblings(".category-list-child").css("display","none");
    $(this).siblings(".category-list-child").slideToggle();
    // $(this).siblings(".category-list-child").fadeToggle();



  })
}

 

首先解釋一下為什麼沒有 $\left(document\right)$

. r e a d y ( ) ， 因 為 我 加 入 了 p j a x 局 部 刷 新 的 新 的 功 能 ， 如 果 (document).ready()，因為我加入了pjax區域性重新整理的新的功能，如果 (document).ready()的haul，區域性重新整理的時候就不能重新載入這個js片段了，也就失效了，具體的原因我會在下篇博文詳細介紹。
另外上面的程式碼片段純屬博主自由發揮，我是寫java的前端不是很好，w3c上一堆教程和輔助函式，大家按照自己的習慣隨意呼叫就行，都能達到相應的效果。
喜歡的就點個星星吧~~~