Скрыть сообщения со страницы индекса - PullRequest
Новая
       49

Скрыть сообщения со страницы индекса

1 голос
/ 29 января 2020

Я пытаюсь скрыть #old со страницы индекса моего блога. Я все еще хочу видеть сообщения при их поиске.

Я следовал учебнику Sorrism о том, как скрыть теги со страницы индекса. Мне интересно, почему это не работает должным образом? Я также попробовал учебник Хлои только для того, чтобы в итоге получить результат , если у меня он появится нигде в моем блоге. Я попробовал последний css код в учебнике Хлои, но все выглядит так, как будто никакие теги не скрыты. 

{block:IndexPage}.hide-old {display:none;}{/block:IndexPage}</style>
<body><article class="posts hide-{TagsAsClasses}">blah blah</article><script 
src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
switch(window.location.pathname) {
    case "/tagged/old":
    $('article').removeClass('hide-old');
    break;
} 
});
 </script></body>

https://pastebin.com/FX1QJH5X (Результат из учебника по соризму) 

.old {
display:none;
padding:10px!important;
width:450px!important;
} </style>
<body>
   <div class="posts{block:IndexPage}{TagsAsClasses}{/block:IndexPage}">

https://pastebin.com/Hh3gDAaM (результат из урока Хлои)

1 Ответ

0 голосов
/ 03 февраля 2020

ОК, это то, как я это сделаю.

Добавьте этот фрагмент javascript внизу вашего шаблона. 

$(document).ready(function(){
   const addHTMLClass = function() {
      const doc = $('html');
      const primaryDir = document.location.pathname.split('/')[1]; // get the first directory
      if(!primaryDir) { // if there is no primary directory we should be on the home page right?
         doc.addClass('indexPage'); // add a unique classname to the home page only
      }
   }();
});

Затем несколько простых css: 

.indexPage .hide-old { // or add your own tag/class name here
    display: none;
}

Для класса .hide-old вы можете использовать любое имя класса, которое хотите, но оно должно быть тегом на тех сообщениях, которые вы sh скрыть, но не использовать метод конкатенации tumblr, поскольку он может проходить через непредсказуемые имена классов.

Я думаю, что это делает все, что вам нужно, оно не идеально, так как есть некоторые крайние случаи, которые могут потерпеть неудачу, но это определенно начало.

...