Использование href и Tocify toc

Question

Я использую Tocify, чтобы сделать TOC, и у меня возникли некоторые проблемы. В этом TOC у меня есть: "глава 1", "глава 2"...

На моем сайте есть несколько мест, где я говорю "Смотри главу 1". Я должен включить "href" в "главу 1" в моем HTML-тексте "See chapter 1". Но я не знаю, что я должен написать в этом "href=#....".

Как я могу это сделать?

Answer 1

Это делается следующим образом:

В основном вам нужно установить идентификатор для элемента, на который вы хотите сослаться. Тогда вы можете написать:

<a href="#id">See chapter ID</a>

<h2 id="chapter1">Chapter 1</h2>
<p>Your paragraphs</p>
<p> ... </p>
<a href="#chapter2">See chapter 2</a>

<h2 id="chapter2">Chapter 2</h2>
<p>Your paragraphs</p>
<p> ... </p>
<a href="#chapter1">See chapter 1</a>

Надеюсь, это поможет вам.

РЕДАКТИРОВАТЬ:

Попробуйте что-то вроде этого:

$(document).ready(function() {

  var link = $('#linkId');

  var chapter = $('#chapterId');
  var position = chapter.position(); // according to jQuery api
  var offsetTop = position.top; // this should be the absolute offset of the page's top

  // Calls the tocify method on your HTML elements.
  link.tocify();
  chapter.tocify();

  //Call the tocify method with options
  link.tocify({
    showEffect: "fadeIn"
    scrollTo: offsetTop, 
    smoothScroll: false
  });

• Вы не можете использовать tocify и #-href одновременно, потому что, как вы видели, они переопределяют URL. Поэтому вы должны использовать метод jQuery или tocify (см. API) для прокрутки к конкретному элементу.

• Или вы не можете использовать tocify в ссылках.