Как сделать так, чтобы ссылка оставалась оформленной, когда ее не переносят?

#javascript #html #css #carousel

#javascript #HTML #css #карусель

Вопрос:

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

1. У вас самый странный фиктивный текст. Я уверен, что один из них просто сказал » i will kill you » 🙂

2. Да … вот что происходит, когда вы не спите до 4 часов ночи, работая над чем-то. 🙂

3. Интересно, что все в этой ссылке — это lorem ipsum, за исключением «Меня зовут Сисили, и я шлюха» и «Я убью тебя». #wtf

4. Используемый вами плагин предоставляет способ сделать это (он добавляет класс current к кнопке активной вкладки). Но вы используете плагин странным образом. Вы создаете свои собственные (дополнительные) кнопки и запускаете .click() на «реальных кнопках»: <a class="tab1" href="javascript:void(0);" onclick="$('[href=#1]').click();">News</a> — это не то, как вы должны это делать :/

5. Это потому, что это не позволило бы мне редактировать текст реальных кнопок

Ответ №1:

Вы могли бы упростить это, присвоив всем вашим ссылкам на вкладки класс (например <a ... class="tab tab1"> )

Затем вы могли бы использовать jQuery:

 $(document).ready(function() { 
$('.tab').click(function() { $('.tab').removeClass('active'); $(this).addClass('active'); }); 
});

И добавьте CSS:

 a.tab { color:#999; }
a.tab.active { color:#000; }

1. Вау, здорово, но как бы мне открыть ее, чтобы «Новости» уже были выделены?

2. Вы можете просто вручную присвоить ей активный класс в разметке. jQuery очистит ее при нажатии на одну из них. <a ... class="tab tab1 active">