Jump to content

Якорь для вкладки


Vic-Tor
 Share

Recommended Posts

Друзья, предложите простой якорь для вкладки. При нажатии на обычный анкор, открывается страница, а нужно, что бы одна из вкладок.

Поиски в нете ничего не дали, или jss или платформы какие-нить.

Спасибо!

Link to comment
Share on other sites

1. Зачем return false; для табов установили?
2. Что вы имеете ввиду под

Quote

При нажатии на обычный анкор, открывается страница, а нужно, что бы одна из вкладок.

На какой анкор нужно нажимать? И какая страница не должна открываться. По мне тут вроде все отрабатывает.

Link to comment
Share on other sites

1 hour ago, Switch74 said:

1. Зачем return false; для табов установили?
2. Что вы имеете ввиду под

На какой анкор нужно нажимать? И какая страница не должна открываться. По мне тут вроде все отрабатывает.

return false не знаю даже что означает, это шаблон, я в верстке слабо разбираюсь.

По ссылке есть 4 вкалдки: Эмаль ЭП-140   Шпатлевка ЭП-0010   Эмаль-аэрозоль   Растворитель Р-4

Как сделать ссылку, чтобы например открылась сразу вторая, 3-я или последняя вкладка Растворитель Р-4, например?

Link to comment
Share on other sites

если хотите его оставить в скрипт нужно добавить принудительное выставление window.location.hash из href ссылки
помешал он тем, что не дает выполняться последующим действиям, в вашем случае выставлению hash из href ссылки

 

Link to comment
Share on other sites

15 hours ago, Switch74 said:

если хотите его оставить в скрипт нужно добавить принудительное выставление window.location.hash из href ссылки
помешал он тем, что не дает выполняться последующим действиям, в вашем случае выставлению hash из href ссылки

Извините, я уже писал, что верстал уже в шаблоне, в скриптах ваабще не разбираюсь! Сделайте пожалуйста, как нужно.

Edited by Vic-Tor
Link to comment
Share on other sites

Эм, такое через :target делается, нет? 

#tab1,#tab2,#tab3,#tab4{display: none!important;}
#tab1:target{display: block!important;}
#tab2:target{display: block!important;}
#tab3:target{display: block!important;}
#tab4:target{display: block!important;}

http://epoxy-polymer.in.ua/putty_enamel.html#tab1
http://epoxy-polymer.in.ua/putty_enamel.html#tab2
http://epoxy-polymer.in.ua/putty_enamel.html#tab3
http://epoxy-polymer.in.ua/putty_enamel.html#tab4

+ вкладки надо править

Link to comment
Share on other sites

15 hours ago, Switch74 said:

можно попробовать, но мне кажется тут можно и через js, раз уж вы уже с ним начали работать


$(function(){$('a[href="'+window.location.hash+'"]').parent().click();});

 

Если бы я еще знал, куда это вставить?!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy