Как правильно использовать привязки при переходе по странице? - PullRequest
Новая
       24

Как правильно использовать привязки при переходе по странице?

0 голосов
/ 08 апреля 2019

Я хочу создать навигационную панель, которая будет содержать переходные якоря в качестве ссылок.Как заставить ссылки привязки перейти на следующую веб-страницу и перейти к назначенной привязке?

Я попытался назначить уникальную привязку на веб-страницах, чтобы они соответствовали тем, которые отображаются на панели навигации.До сих пор ссылки будут переходить на другую веб-страницу и переходить к ее привязке, один раз.

Затем работают только те ссылки, ссылки на которые есть только на текущей странице, хотя ссылки говорят им перейтина другую страницу и найдите их соответствующие якоря.

Ниже приведен код, содержащийся в файле .php, чтобы навигация по сайту была одинаковой. 

<html>
        <ul>
            <li><a href="#"><h2>About</h2></a></li>
            <li><a href="http://weathersbyink.com/hikc/prints/" id="closea"><h2>Prints</h2></a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/" id="closeb"><h2>Archival</h2></a></li>
            <li><a href="#"><h2>VHS &amp; Reels</h2></a></li>

<li><a href="#">Contact Us</a></li>
            <li><a href="http://weathersbyink.com/hikc/prints/index.php#pj00" id="closec" target="_parent">Standard 1HR</a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/index.php#pj05" id="closed">Shoebox Scan</a></li>
            <li><a href="#">Tape to DVD</a></li>

<li><a href="#">Blog</a></li>
            <li><a href="http://weathersbyink.com/hikc/prints/index.php#pj01" id="closee">Large Format</a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/index.php#pj06" id="closef">Single Scan</a></li>
            <li><a href="#">Repairs</a></li>

<li><a href="#">Find Us</a></li>
            <li><a href="http://weathersbyink.com/hikc/prints/index.php#pj02" id="closeg">Mounting</a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/index.php#pj07" id="closeh">Slide (Positive) Scan</a></li>
            <li><a href="#">Film to DVD</a></li>

<li><a href="#">Hire Us!</a></li>
            <li><a href="http://weathersbyink.com/hikc/prints/index.php#pj03" id="closei">Lamination</a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/index.php#pj08" id="closej">Negative Scans</a></li>
            <li><a href="#">Cassette to CD</a></li>

<li><a href="#">&nbsp;</a></li>
            <li><a href="http://print.sayhikc.com/">Order Online</a></li>
            <li><a href="http://weathersbyink.com/hikc/archive/index.php#pj09" id="closek">CD/DVD Copy</a></li>
            <li><a href="#">&nbsp;</a></li>

<li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>

<li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>

<li><a href="#"><h2>Film</h2></a></li>
            <li><a href="#"><h2>Restorations</h2></a></li>
            <li><a href="#"><h2>Special</h2></a></li>
            <li><a href="#"><h2>Events</h2></a></li>

<li><a href="#">Develop Only</a></li>
            <li><a href="#">Photoshop I</a></li>
            <li><a href="#">Canvas Prints</a></li>
            <li><a href="#">Classes</a></li>

<li><a href="#">Single Set</a></li>
            <li><a href="#">Photoshop II</a></li>
            <li><a href="#">Aluminum</a></li>
            <li><a href="#">1-on-1 Consultation</a></li>

<li><a href="#">Double Set</a></li>
            <li><a href="#">Small Projects</a></li>
            <li><a href="#">Metalic</a></li>
            <li><a href="#">Sales</a></li>

<li><a href="#">Black &amp; White</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">Wood Transfer</a></li>
            <li><a href="#">&nbsp;</a></li>

<li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#">&nbsp;</a></li>
        </ul>



===== Section: Page A ===========================================



<div class="prints01">
    <h3>Mounting</h3>
    <p>Add a unique spin to your image!</p>
    <ul>
    <li>High-quality, crisp color printing</li>
    <li>24 Hour Turn-Around</li>
    <li>Durable and Long-Lasting</li>
    <li>Professional, personal application</li>
    <li>Available in Matte and Glossy Finish</li>
    </ul>
<!-- end prints01 --></div><a id="pj03"></a>



===== Section: Page B ===========================================



<div class="prints01" style="margin-top: 12%">
    <h3>Negative Scans</h3>
    <p>Lamination is the ideal method for adding years to the life of your displayed images and graphics.</p>
    <ul>
    <li>High Gloss</li>
    <li>Maintains Image contrast &amp; Saturation</li>
    <li>Adds UV Protection</li>
    <li>Easily Cleanable</li>
    <li>24 Hour Turn-Around</li>
    </ul>
<!-- end prints01 --></div><a id="pj09"></a>

</html>

Я ожидаю ссылки наперейти от навигационной панели к месту назначения на страницах A и B.

Это можно найти в прямом эфире на http://weathersbyink.com/hikc

1 Ответ

0 голосов
/ 08 апреля 2019

Я только что нашел этот ответ.

"Я нашел это в шаблоне начальной загрузки w3school, который включал эту команду как часть блока, который делает хороший переход к хэштегу. Как только я это закомментировал, ссылки работали нормально."

https://stackoverflow.com/a/40722833/8836444

Спасибо, @charlietfl и @mike ursitti

...