Выделите текстовую ссылку - PullRequest
       14

Выделите текстовую ссылку

0 голосов
/ 07 октября 2011

Я хотел бы сделать ссылку, которая находит некоторый текст и прокручивает к этому пункту. Я не могу добавить теги span или div.

Я нашел это, и в идеале я хотел бы превратить его в ссылку и добавить анимацию. Спасибо

$(window).scrollTop($("*:contains('Are you a Lib Dem or Tory'):last").offset().top);

Оригинальный вопрос stackoverflow

1 Ответ

0 голосов
/ 07 октября 2011

Мне кажется, что это то, что стандартный тег <a> уже делает без JavaScript, если вы можете добавить тег <a name="jumppoint"> вокруг или в начале этого текста, а затем еще один тег <a href="#jumppoint">, где Вы хотите, чтобы ваша видимая ссылка. Вы можете вставить такой <a> динамически с помощью jQuery.

Но если вы решили использовать этот код, вы можете добавить ссылку следующим образом:

<a href="javascript:void(0);" onclick="$(window).scrollTop($('*:contains(\'Are you a Lib Dem or Tory\'):last').offset().top);">Your link text here</a>

Конечно, это некрасиво, так что вам, вероятно, лучше создать функцию:

<a href="javascript:void(0);" onclick="findLink(); return false;">Your link text here</a>

function findLink() {
    $(window).scrollTop($("*:contains('Are you a Lib Dem or Tory'):last").offset().top);
}

Если вам нужна анимация, добавьте ее в функцию findLink ().

...