Как я могу манипулировать атрибутами данных элемента из ссылки на внешнюю страницу?

Я ищу абсолютно простой способ передать атрибут данных на новую страницу (без загрузки AJAX).

Я всю ночь возился с темой WordPress, пытаясь настроить фильтры категорий галереи. Я хочу сделать как можно меньше кода для внесения корректировок в уже существующий макет, но здесь сложным фактором является то, что у меня есть одна страница, у которой уже есть атрибуты данных, назначенные элементам, которые можно отфильтровать по ссылкам на той же странице. и мне нужно иметь возможность загружать страницу с атрибутами данных, уже настроенными для фильтрации по внешним ссылкам.

Я постараюсь сделать визуальный сценарий, который может помочь (или нет?):

Первая страница уже работает:

<!---main-gallery_page.php--->
<header class="category-filters">
<ul class="list">
<li> <a href="#" data-example-id="generic-1">Category Filter 1</a> </li>
<li> <a href="#" data-example-id="generic-2">Category Filter 2</a> </li>
<li> <a href="#" data-example-id="generic-3">Category Filter 3</a> </li>
</ul>
</header>

<div class="gallery-thumbs">
<!--- thumbnails with example-id data attributes are filtered, respectively: "generic-X" --->
</div>

Вторая страница должна манипулировать страницей выше после загрузки ^

<!---second-example_page.php--->
<div class="alternate-category-filters">
<ul class="list">
<li> <a href="/path_to/main-gallery_page.php" data-example-id="generic-1">Category Filter 1</a> </li>
<li> <a href="/path_to/main-gallery_page.php" data-example-id="generic-2">Category Filter 2</a> </li>
<li> <a href="/path_to/main-gallery_page.php" data-example-id="generic-3">Category Filter 3</a> </li>
</ul>
</div>

Очевидно, что второй пример не будет работать, потому что новая страница не получает никаких инструкций для фильтрации миниатюр, поэтому она будет загружена как есть.

Просто хочу иметь возможность управлять фильтром категорий при загрузке страницы, как указано на внешней (не-AJAX) странице. Есть идеи по простому методу? Я пытался увидеть, что я могу сделать с php-эхо, и даже вставить информацию в значение href гиперссылки, но я не смог заставить это работать. Было бы идеально, если бы я мог сделать что-то вроде этого:

<!---second-example_page.php--->

<div class="alternate-category-filters">
<ul class="list">
<li> <a href="/path_to/main-gallery_page.php?exampleId='generic-1'">Category Filter 1</a> </li>
<li> <a href="/path_to/main-gallery_page.php?exampleId='generic-2'">Category Filter 2</a> </li>
<li> <a href="/path_to/main-gallery_page.php?exampleId='generic-3'">Category Filter 3</a> </li>
</ul>
</div>

Помощь была бы очень признательна, я исчерпал себя, перепрыгивая через миллионы тем, которые, кажется, всегда просто упускают объяснение решения этого конкретного сценария.

0

Решение

Вы можете опросить значение в localStorage. Сделайте опрос главной страницы localStorage.category. (Используя setTimeout, например). Затем, как только вторая страница загрузится и изменит значение, главная страница увидит это изменение и будет действовать соответственно.

1

Другие решения

Других решений пока нет …