Некорректное отображение адреса сайта

Добрый день, к сожалению, я не очень сильна в JS, но столкнулась с проблемой и буду благодарна, если сможете подсказать в ее решении) На странице сайта есть блок с тремя характеристиками на которые осуществляется переход по клику (прикрепила файл с изображениям для большей наглядности), но при переходе в адресной строке выдает следующее: http://site.com/motornyie-masl... Tab_1_name, в данном случае смущает "хвост" #tabs|group-tabs:Tab_1_name. Посмотрев код станицы обнаружила следующее:
Таким образом, понимаю, что сценарий JS с помощью data-target создает данный переход, возможно ошибаюсь) но тут бы понять как можно было бы скрыть данный "хвост") Заранее спасибо.

Миниатюры

 

0

Ekatherina, Этот хвост скорее всего используется для того, чтоб при обновлении страницы, не сбрасывалась активная вкладка. Так же ссылкой с активной вкладкой можно с кем нибудь поделиться, либо открыть в новом окне. Есть 2 варианта.. можно отказаться от этого хвоста, тогда функционал, описанный мною выше выше, пропадет, либо сделать его более человеческим.

0

Спасибо большое за ответ) а если мы будем говорить о том, чтобы сделать ее более человеческой (что было бы не плохим решением), может есть какие-нибудь подсказки как это сделать?)) Заранее спасибо.

0

Без потери функционала, описанного sad67man - никак от хвоста не избавиться. Можно только этот хвост привести в человеческий вид. Но для этого нам надо код сценария увидеть.

0

Поняла) там получается 9 файлов JS и я могу ошибочно определить какой нужен( Полагаю, что приведенный ниже:

// Ion.Tabs
// version 1.0.2 Build: 17
// https://github.com/IonDen/ion.tabs
(function(a,w,g,n){if(!a.ionTabs){var h={},q={},k={},b,d,r,v=a(g),t=function() {try{if(g.localStorage&&null!==g.localSt orage)return{save:function(b,a){"object" ===typeof a&&(a=JSON.stringify(a));try{localStorag e.setItem(b,a)}catch(c){"QUOTA_EXCEEDED_ ERR"===c&&(localStorage.clear(),localSto rage.setItem(b,a))}},load:function(a){tr y{return JSON.parse(localStorage.getItem(a))}catc h(b){return localStorage.getItem(a)}},del:function(a ){localStorage.removeItem(a)}}}catch(b){ return{save:function(){return null},load:function(){return null},del:function(){return null}}}return null}(),u=function(a){this.container=a}; u.prototype={init:function(){var c=this.container,m=c.find(".ionTabs__tab "),d=c.find(".ionTabs__item"),s=c.find(" .ionTabs__preloader"),l,f=c.data("name") ,e;m.each(function(){l=a(this);e="Button __"+f+"__"+l.data("target");l.prop("id", e)});d.each(function(){l=a(this);e="Tab_ _"+f+"__"+l.data("name");l.prop("id",e)} );m.on("click.ionTabs",function(b){b.pre ventDefault();s[0].style.display="block";p(a(this).data("t arget"))});var p=function(c){c=decodeURIComponent(c);e= "#Button__"+f+"__"+c;a(e).addClass("ionT abs__tab_state_active").siblings().remov eClass("ionTabs__tab_state_active");e="# Tab__"+f+"__"+c;a(e).addClass("ionTabs__ item_state_active").siblings().removeCla ss("ionTabs__item_state_active");s[0].style.display="none";var d;k[f]=c;b="tabs";for(d in k)k.hasOwnProperty(d)&&(b+="|"+encodeURI Component(d)+":"+encodeURIComponent(k[d]));"hash"===h.type&&(n.hash=b);"storage" ===h.type&&t.save(n.hostname+"__ionTabsP osition",b);v.trigger("ionTabsChange",{g roup:f,tab:c,tabId:e});if("function"===t ypeof h.onChange)h.onChange({group:f,tab:c,tab Id:e})};k[f]?p(k[f])(m.eq(0).data("target"));this.setTab= function(a){p(a)}}};a.ionTabs=function(c ,m){if(c){var g;h=a.extend({type:"hash",onChange:null} ,m);"hash"===h.type&&(b=n.hash);"storage "===h.type&&(b=t.load(n.hostname+"__ionT absPosition"));if(b){b=b.split("|");if(1 <b.length)for(d=1;d<b.length;d+=1)r=b[d].split(":"),k[decodeURIComponent(r[0])]=decodeURIComponent(r[1]);b=""}a(c).each(function(){g=a(this);va r b=encodeURIComponent(g.data("name"));q[b]=new u(g);q[b].init()})}};a.ionTabs.setTab=function(a, b){q[a].setTab(b)}}})(jQuery,document,window,lo cation);

0

Это плагин ion.tabs для jQuery.
Сайт разработчиков и демо: http://ionden.com/a/plugins/ion.tabs/
Как видно, на их сайте происходит то же самое. Добавление такого хвоста к url является логикой плагина и вряд ли может быть переделано. Вам нужно использовать в корне другое решение для реализации вкладок на вашем сайте.
Я бы смотрел в сторону jQuery UI. А лучше оставил бы все как есть

EDITED
Поторопился. Почитайте комментарии на сайте разработчиков на главной. Там обсуждается похожая проблема и способ решения.

0

Спасибо большое) поняла)) в данном случае оставлю так)

0

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

0

Спасибо за ответ) а можно еще уточнение) просто данный блок с таким же вроде как сценарием JS установлен на одном из российских сайтов (я так поняла, что они его и взяли за основу), но там данный хвост не добавляется( вот код:

// Ion.Tabs
// version 1.0.2 Build: 17
// https://github.com/IonDen/ion.tabs
(function(a,w,g,n){if(!a.ionTabs){var h={},q={},k={},b,d,r,v=a(g),t=function() {try{if(g.localStorage&&null!==g.localSt orage)return{save:function(b,a){"object" ===typeof a&&(a=JSON.stringify(a));try{localStorag e.setItem(b,a)}catch(c){"QUOTA_EXCEEDED_ ERR"===c&&(localStorage.clear(),localSto rage.setItem(b,a))}},load:function(a){tr y{return JSON.parse(localStorage.getItem(a))}catc h(b){return localStorage.getItem(a)}},del:function(a ){localStorage.removeItem(a)}}}catch(b){ return{save:function(){return null},load:function(){return null},del:function(){return null}}}return null}(),u=function(a){this.container=a}; u.prototype={init:function(){var c=this.container,m=c.find(".ionTabs__tab "),d=c.find(".ionTabs__item"),s=c.find(" .ionTabs__preloader"),l,f=c.data("name") ,e;m.each(function(){l=a(this);e="Button __"+f+"__"+l.data("target");l.prop("id", e)});d.each(function(){l=a(this);e="Tab_ _"+f+"__"+l.data("name");l.prop("id",e)} );m.on("click.ionTabs",function(b){b.pre ventDefault();s[0].style.display="block";p(a(this).data("t arget"))});var p=function(c){c=decodeURIComponent(c);e= "#Button__"+f+"__"+c;a(e).addClass("ionT abs__tab_state_active").siblings().remov eClass("ionTabs__tab_state_active");e="# Tab__"+f+"__"+c;a(e).addClass("ionTabs__ item_state_active").siblings().removeCla ss("ionTabs__item_state_active");s[0].style.display="none";var d;k[f]=c;b="tabs";for(d in k)k.hasOwnProperty(d)&&(b+="|"+encodeURI Component(d)+":"+encodeURIComponent(k[d]));"hash"===h.type&&(n.hash=b);"storage" ===h.type&&t.save(n.hostname+"__ionTabsP osition",b);v.trigger("ionTabsChange",{g roup:f,tab:c,tabId:e});if("function"===t ypeof h.onChange)h.onChange({group:f,tab:c,tab Id:e})};k[f]?p(k[f])(m.eq(0).data("target"));this.setTab= function(a){p(a)}}};a.ionTabs=function(c ,m){if(c){var g;h=a.extend({type:"hash",onChange:null} ,m);"hash"===h.type&&(b=n.hash);"storage "===h.type&&(b=t.load(n.hostname+"__ionT absPosition"));if(b){b=b.split("|");if(1 <b.length)for(d=1;d<b.length;d+=1)r=b[d].split(":"),k[decodeURIComponent(r[0])]=decodeURIComponent(r[1]);b=""}a(c).each(function(){g=a(this);va r b=encodeURIComponent(g.data("name"));q[b]=new u(g);q[b].init()})}};a.ionTabs.setTab=function(a, b){q[a].setTab(b)}}})(jQuery,document,window,lo cation);

0

Ekatherina, В этом коде описана логика самого плагина, Нужно еще смотреть код вызова. Данный плагин предоставляет возможность убрать этот хвост, но функционал, который был описан выше, будет потерян.

Добавлено через 8 минут
Ekatherina, На сайте плагина описаны возможные его настройки, к примеру через параметр type можно установить следующие значения :
1) hash — сохраняет позицию вкладок в адресную строку в виде хэша (см. пример в адресной строке). Позволяет передавать позицию вкладок по ссылке. (вот это и есть наш хвост)
2) storage — сохраняет позицию вкладок в Local Storage. Позиция вкладок сохраняется только в пределах одного компьютера.
3) none — позиция вкладок нигде не сохраняется, при обновлении страницы будет открыта первая вкладка в каждой группе.

1