Я знаю, чтобы ссылаться на часть на той же странице, как:
<a href='#A'>A</a> <a name='A'>Here is A</a> Но когда я разработал его с jquery и php, у меня проблема. Мой дизайн похож: есть все буквы алфавита. Под буквами есть divs (item_A, item_B, item_c и т. Д.). Например, когда пользователь нажимает букву K, страница будет ссылаться на #K div, а также #K div отображать ее содержимое. (Так как, когда сайт открывается первым, отображение разделов элементов равно none). Но проблема в том, что #K (K – просто пример). K отображает его содержимое, страница не перенаправлялась на #K div. Вы должны прокрутить страницу самостоятельно.
Вот код:
<div class="content_letters"> <ul> <?php $array_letter = array("A","B","C","Ç","D","E","F","G","H","I","İ", "J","K","L","M","N","O","P","R","S","Ş","T", "U","Ü","V","Y","Z"); for ($i=0;$i<27;$i++) { echo "<li><a id='letter_{$array_letter[$i]}' href='#letter_{$array_letter[$i]}'>{$array_letter[$i]} | </a></li>"; } ?> </ul> </div> <?php for ($i=0;$i<27;$i++) { ?> <div class="content_letter_block"> <div class="text"> <div class="show_hide"> <a class="button" id=" <?php echo 'button_letter_'.$array_letter[$i]; ?>">SHOW/HIDE</a> </div> <a name="<?php echo "letter_".$array_letter[$i].'">';?> <?php echo $array_letter[$i]; ?></a> starts from here</div> </div> </div> <?php } ?> <div style='display:none' id='<?php echo "item_".$array_letter[$i];?>'> Here is item... </div>
Вот код jquery:
$(document).ready(function() { // target everything with IDs that start with 'button_letter' $("[id^='button_letter']").click(function () { // split the letter out of the ID // of the clicked element and use it to target // the correct div $("#item_" + this.id.split("_")[1]).toggle(); }); $("[id^='letter']").click(function () { $("#item_" + this.id.split("_")[1]).show(); }); });