Задать вопрос

tolikryg

Ответы

  • Как корректно выполнить функция на мобильном устройстве?

    @tolikryg
    Исправил пару синтаксических ошибок:
    let list = document.querySelector(".title_menu");
let getEvent = () => event.type.search('touch') !== -1 ? event.touches[0] : event;

function openSub() {
  let event = getEvent();
  arr[2] = arr[3];
  arr[3] = event.target.dataset.catnum;
  var dNum = arr[3];
  var className = event.target.className;

  if (className == "open_sub") {
    openSubMenu(dNum, arr[2], arr[3]);
    if (arr[2] == arr[3]) {
      arr[3] = 0;
    }
    console.log("Условие прошло");
  }

  console.log("Data: " + arr[3]);
}

list.addEventListener('touchend', openSub);
list.addEventListener('click', openSub);
    Ответ написан
    1 комментарий
    1 комментарий

  • Что не так с этим кодом, пытаюсь вывести Заголовок, есть кто поможет?

    @tolikryg Автор вопроса
    Все спустя чуть более 4 месяцев я смог доделать если что спрашивайте подскажу как сделал!
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать Оглавления на сайте?

    @tolikryg Автор вопроса
    Все спасибо решение найдено:

    Это полное решение для быстрого создания блока "Оглавления"!
    Что решает этот код, он выводит в виде списка все заголовки h3 в том случае если их больше 2, если нет то он прячет весь блок
    <div id="content_post" class="content-post"><p>Содержание</p><ul id="anchor_list"></ul></div>


    Весь текст с заголовками должен находиться между тегов <article></article>
    if($('article h3').length > 2) {$(document).ready(function() {
$('article h3').each(function(i) {
f=i+1;
anchor='anchor'+f;
$(this).attr('id', anchor);
t=$(this).text();
anchor_list='<li><a href=\"#'+anchor+'\">'+t+'</a></li>';
$('#anchor_list').append(anchor_list+'<br>')
});
}
);}
else{document.getElementById('content_post').style.display = 'none';}


    А вот и стили:
    .content-post {
      padding: 20px 0;
    }
     
    .content-post p {
      display: inline;
      font-weight: 700;
      font-size: 1.1em;
      color: #ef188e;
      margin-bottom: 5px;
      border-bottom: dotted 2px;
      cursor: pointer;
    }
     
    .content-post ul {
      margin-top: 20px;
      border: 4px dashed #ef188e;
      padding: 20px;
    }
     
    .content-post li {
      list-style: none;
      padding: 1px 0;
      font-weight: 700;
      font-size: 1em;
    }
     
    .content-post li a {
      border-bottom: solid 1px;
      text-decoration: none;
      color: #444;
    }


    Это я пишу это для тех, кто не пользуется готовыми движками типа wp а использует самописный или без подобного функционала! Мне помогли и я вам помогу, спасибо за помощь jlay.
    Ответ написан
    Комментировать
    Комментировать