[Вопрос] Не работаю якоря в стиле :/

03-10-2017, 12:53 PM

Ребяты, такая проблема. Купил vbuix, допиливаю сижу под свой форум. И вот встал такой трабл - по ссылкам (переместится вверх - вниз) браузер почему-то переходит на главную вместо того, чтобы перейти на соответствующий якорь.
Код самих ссылок:

Code:

	<div id="uix_jumpToFixed">
		
			<a rel="nofollow" href="#content" data-position="top"><i class="uix_icon uix_icon-jumpToTop"></i></a>
		
		
			<a rel="nofollow" href="#copyright" data-position="bottom"><i class="uix_icon uix_icon-jumpToBottom"></i></a>
		
	</div>

Сами якоря:

Code:

<!-- BEGIN TEMPLATE: spacer_open -->
<div name="content" id="content" class="forum_list">
	<div class="pageWidth">
		<div class="pageContent noBorderRadius">

и

Code:

<div class="footerLegal">
	<div class="pageWidth">
		<div class="pageContent">
			
			<div id="copyright">
				<!-- Do not remove this copyright notice -->

Тестирую под хромом. При клике почему-то переходит на главную страницу форума.
В чём тонкость? Что не так?

Если нужно своими руками потрогать, вот пример

03-10-2017, 01:32 PM

ссылка на якорь <a href="#copyright">bla</a>
якорь <a name="copyright"></a>

03-10-2017, 03:04 PM

Quote:

Originally Posted by kerk

ссылка на якорь <a href="#copyright">bla</a>
якорь <a name="copyright"></a>

в смысле, вместо id - name? Я пробовал, та же фигня. Сейчас сделал с "name". То же самое.

03-10-2017, 03:32 PM

@nop, насколько я помню, якорь привязывается к атрибуту ссылки name. Клик по

HTML Code:

<a rel="nofollow" href="#copyright" data-position="bottom"><i class="uix_icon uix_icon-jumpToBottom"></i></a>

перенесет к ссылке с атрибутом

HTML Code:

name="copyright"

Т.е.

HTML Code:

<a name="copyright"></a>

А прокатит это с дивом или нет - надо смотреть спецификацию.

03-10-2017, 04:01 PM

Quote:

Originally Posted by Smalesh

@nop, насколько я помню, якорь привязывается к атрибуту ссылки name. Клик по

HTML Code:

<a rel="nofollow" href="#copyright" data-position="bottom"><i class="uix_icon uix_icon-jumpToBottom"></i></a>

перенесет к ссылке с атрибутом

HTML Code:

name="copyright"

Т.е.

HTML Code:

<a name="copyright"></a>

А прокатит это с дивом или нет - надо смотреть спецификацию.

а, я вас понял, спасибо
но трабл в том, что даже это не помогло. Вот скриншот прям из кода сгенеренной html-страницы:
https://yadi.sk/i/Z3NQe_Xs3FSYkW
А это сама ссылка:
https://yadi.sk/i/5Tg-wY1H3FSYfH

Может клик по ссылке какой-то ява скрипт обрабатывает?

03-10-2017, 04:08 PM

Quote:

Originally Posted by nop

Может клик по ссылке какой-то ява скрипт обрабатывает?

Скорее всего name пересекается с id, браузер ищет первое встречное и отсюда трабла. Проверить легко - сделать name уникальным и собсно проверить.

03-10-2017, 04:26 PM

@nop, У вас с самого начала HTML код ссылки написан с ошибками, у теги "i" не может быть класса.
kerk, вам дал ответ. Возьмите HTML код из его поста, подставьте своё название якоря, а потом усложняйте код.

Если искать строчку по ID, то это делается через скрипт

03-10-2017, 04:34 PM

Quote:

Originally Posted by WEBCAT

у теги "i" не может быть класса

с чего это вдруг?
http://fontawesome.io/icon/battery-empty/

Code:

<i class="fa fa-battery-empty" aria-hidden="true"></i>

03-10-2017, 04:43 PM

Quote:

Originally Posted by WEBCAT

@nop, У вас с самого начала HTML код ссылки написан с ошибками, у теги "i" не может быть класса.
kerk, вам дал ответ. Возьмите HTML код из его поста, подставьте своё название якоря, а потом усложняйте код.

Если искать строчку по ID, то это делается через скрипт

ну скажите, чем он отличается? Имя уникально. Теги те же самые. Однако не работает: http://www.rf-cheats.ru/forum/?styleid=6

nop добавил 10.03.2017 в 15:43
А, то есть ты предлагаешь убрать <i>?

03-10-2017, 05:08 PM

Quote:

Originally Posted by nop

А, то есть ты предлагаешь убрать <i>?

Убрать всё, потом понемногу добавлять HTML-кода пока не перестанет работать.