Как такое сделать?

Question

[Максим Максимов]

На странице есть много ссылок таких:

<a href="#" data-description="Описание"> Я-ссылка</a>

и есть одна ссылка такая

<a href="#" data-video="777"       data-description="Описание"> Я-ссылка</a>

Как можно сделать так чтобы переходя на страницу по ссылке http://мой-сайт/#777
найти ссылку

<a href="#" data-video="777"       data-description="Описание"> Я-ссылка</a>

и добавить в нее значение data-autoopen="true"
чтобы получилось следующее

<a href="#" data-autoopen="true"     data-video="777"       data-description="Описание"> Я-ссылка</a>

Comments

[Владимир]

Этой ссылке нужно задать id="777" что бы переход был именно к этой ссылке. И скриптом нужно проверить если

if (location.hash == '777') {
  $('#777').attr('data-autoopen', 'true');
}

Вроде как то так, в js не очень силен. Попробуйте.

[Igor Koch]

Владимир,

if (location.hash) {
  $('#' + location.hash).attr('data-autoopen', 'true');
}

[Владимир]

Igor Koch, ну так универсальнее) Я же говорю что js не мой конёк)

Answer 1

[Archakov Dennis]

$(document).ready(function(){
  var videoId = location.hash.substr(1); // Удаляем решетку. #777 -> 777
  $('a[data-video='+ videoId +']').attr('data-autoopen','true');
});

Как только загрузится страница, скрипт находит ссылку с атрибутом data-video = 777 (777 берется из хэша, передаваемого в адресной строке и сохраняется в videoId).

Далее, найденной ссылке, задается атрибут data-autoopen="true".

Comments

[Максим Максимов]

Спасибо тебе твой код добавил data-autoopen="true"

НО нужно чтобы от добавлялся только если хэш передаваемый в адресной строке совпадал с data-video = 777 или с id ссылкой.
т.е. если хэш равно 777 и id = 777 То добавить атрибут, а если хэш и id не совпадают то не добавлять атрибут

[kulaeff]

webbuddu, ну вообще-то этот код так и работает: добавляет autoopen если совпадает с data-video.

Answer 2

[Максим Максимов]

Только вот у меня в wordpres напрочь отказывается работать