Lỗi trong theme jekyll

[thanhmssl10 (TP)]

Mọi người sửa giúp em lỗi này với, nếu giờ vào link này:

http://thanhmssl10.github.io/tags.html#windows-ref

Thì nó không hiện ra nội dung của tag windows, mà chỉ hiện ra như khi mình vào link này:

http://thanhmssl10.github.io/tags.html

Đây là code của file tags.html

---
layout: page
title: Tags
header: Posts By Tag
group: navigation
---

{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
{% assign tag_words = site_tags | split:',' | sort %}


<div class="col-sm-3 col-xs-6">
    <ul class="nav nav-tabs-vertical">
    {% for item in (0..site.tags.size) %}{% unless forloop.last %}
      {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
      <li>
          <a href="#{{ this_word | replace:' ','-' }}-ref" data-toggle="tab">
            {{ this_word }}<span class="badge pull-right">{{ site.tags[this_word].size }}</span>
         </a>
      </li>
   {% endunless %}{% endfor %}
   </ul>
</div>

<!-- Tab panes -->
<div class="tab-content col-sm-9 col-xs-6">
  {% for item in (0..site.tags.size) %}{% unless forloop.last %}
    {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
    <div class="tab-pane" id="{{ this_word | replace:' ','-' }}-ref">
      <h2 style="margin-top: 0px">Posts tagged  with {{ this_word }}</h2>
      <ul class="list-unstyled">
        {% for post in site.tags[this_word] %}{% if post.title != null %}
          <li style="line-height: 35px;"><a href="{{ site.BASE_PATH }}{{post.url}}">{{post.title}}</a> <span class="text-muted">- {{ post.date | date: "%B %d, %Y" }}</span></li>
        {% endif %}{% endfor %}
      </ul>
    </div>
  {% endunless %}{% endfor %}
</div>

<div class="clearfix"></div>

Full code của theme ở đây:

golov/dbyll

Minh họa

[dqh (Đinh Quốc Hân)]

Link #option là đường link dẫn đến vị trí #option cần tìm chức nó ko có event nào cả, mỗi link trong cat lại là 1 events, e bấm vào sẽ kích hoạt event chứ ko phải thấy link #option thì đi trực tiếp #option là được event đó đâu. Ảnh demo cũng đâu có đâu

[thanhmssl10 (TP)]

Vậy giờ nếu em muốn ấn vào một cái tag như thế này:

Thì nó nhảy thẳng ra các topic có cùng tag, mà không cần phải ấn vào tên tag một lần nữa thì làm như thế nào nhỉ

Source của em đây:

thanhmssl10/thanhmssl10.github.io

[dqh (Đinh Quốc Hân)]

Trang của tác giả còn ko làm được,cái này ko phải lỗi, theme nó đã thế rồi trừ khi em edit lại core Javascript của themes

[thanhmssl10 (TP)]

Oạch Em hỏi ông tác giả thì ổng Thanks một cái xong đánh dấu bug rồi

Issue: tags and category not auto open Tab panel

Dùng QuerryString có được k nhể ?

[dqh (Đinh Quốc Hân)]

đợi anh xí anh viết cho

[dqh (Đinh Quốc Hân)]

em chèn đoạn js này vào tags nhé,chú ý là dưới file jquery nhé:

<script>
var nameIdDiv = window.location.hash;
$(nameIdDiv ).show();
</script>

[Vong_Hoang_Tuong (null)]

Thử code này xem:

<script>
(function($) {
    var hash = location.hash;
    hash && $('a[href="fuckingsotoobad' + hash + '"]').parent().add($(hash)).addClass("active");
})(jQuery);
</script>

[thanhmssl10 (TP)]

Em chèn khắp nơi không được :

file tags.html của em như này thì chèn vào đâu ạ:

---
layout: page
title: Tags
header: Posts By Tag
group: navigation
---

{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
{% assign tag_words = site_tags | split:',' | sort %}


<div class="col-sm-3 col-xs-6">
    <ul class="nav nav-tabs-vertical">
    {% for item in (0..site.tags.size) %}{% unless forloop.last %}
      {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
      <li>
          <a href="#{{ this_word | replace:' ','-' }}-ref" data-toggle="tab">
            {{ this_word }}<span class="badge pull-right">{{ site.tags[this_word].size }}</span>
         </a>
      </li>
   {% endunless %}{% endfor %}
   </ul>
</div>
<!-- Tab panes -->
<div class="tab-content col-sm-9 col-xs-6">
  {% for item in (0..site.tags.size) %}{% unless forloop.last %}
    {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
    <div class="tab-pane" id="{{ this_word | replace:' ','-' }}-ref">
      <h2 style="margin-top: 0px">Posts tagged  with {{ this_word }}</h2>
      <ul class="list-unstyled">
        {% for post in site.tags[this_word] %}{% if post.title != null %}
          <li style="line-height: 35px;"><a href="{{ site.BASE_PATH }}{{post.url}}">{{post.title}}</a> <span class="text-muted">- {{ post.date | date: "%B %d, %Y" }}</span></li>
        {% endif %}{% endfor %}
      </ul>
    </div>
  {% endunless %}{% endfor %}
</div>

<div class="clearfix"></div>

[Vong_Hoang_Tuong (null)]

Thêm vào cuối file app.js

(function($) {
    var hash = location.hash;
    hash && $(".tab-pane").length && $('a[href="' + hash + '"]').parent().add($(hash)).addClass("active");
})(jQuery);

[thanhmssl10 (TP)]

Thành công mĩ mãn, thanks 2 đại ka nhá

---

@Vong_Hoang_Tuong cái đoạn fucki… đấy cứ cho vào sao nó vẫn được nhế

[Vong_Hoang_Tuong (null)]

Mới sửa lại cái js nữa đấy bác, bác thay lại nhé, vì trang Chuyên mục cũng bị lỗi đó.

[thanhmssl10 (TP)]

Vừa nãy em copy ra 2 đoạn thế này cũng được mới lạ chứ

(function($) {
    var hash = location.hash;
    hash && location.pathname === "/tags.html" && $('a[href="fuckingsotoobad' + hash + '"]').parent().add($(hash)).addClass("active");
})(jQuery);

(function($) {
    var hash = location.hash;
    hash && location.pathname === "/categories.html" && $('a[href="fuckingsotoobad' + hash + '"]').parent().add($(hash)).addClass("active");
})(jQuery);

[Vong_Hoang_Tuong (null)]

Cấu trúc nó cũng như nhau, mà hóa ra cái fuckingsotoobad là do bác tự thêm vào ah

[thanhmssl10 (TP)]

Thì em mò mẫm mãi không được bực quá, nên cho vào tìm xem nó xuất hiện ở đâu, quên không xóa đi