Bootstrap tab is not opening from the URL
I have this website: http://futura-dev.totalcommit.com
you can see that on the first menu item -> I have few sub menus.
Now, if you click on any sub menu it's should open a cooresponding bootstrap tab but it's not opening. Every time ti's open the first tab
but again if you select any sub menu then it's opening corresponding tab.
I am using following js file :
window.addEventListener
(
'popstate',
function( event )
{
tab_change();
}
);
function tab_change()
{
var hash = window.location.hash;
hash && $( 'ul.nav a[href="' + hash + '"]' ).tab( 'show' );
$( '.tab-link' ).click
(
function( e )
{
$( this ).tab( 'show' );
$( this ).addclass('active');
var scrollmem = $( 'body' ).scrollTop() || $( 'html' ).scrollTop();
window.location.hash = this.hash;
$( 'html,body' ).scrollTop( scrollmem );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).tab( 'show' );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).addclass('active');
}
);
}
do you know why and how can I solve it?
I want:
From any location of this website I want to open corresponding tab when I click on the sub menus as # is already added for the bootstrap tab.
javascript twitter-bootstrap-3
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
add a comment |
I have this website: http://futura-dev.totalcommit.com
you can see that on the first menu item -> I have few sub menus.
Now, if you click on any sub menu it's should open a cooresponding bootstrap tab but it's not opening. Every time ti's open the first tab
but again if you select any sub menu then it's opening corresponding tab.
I am using following js file :
window.addEventListener
(
'popstate',
function( event )
{
tab_change();
}
);
function tab_change()
{
var hash = window.location.hash;
hash && $( 'ul.nav a[href="' + hash + '"]' ).tab( 'show' );
$( '.tab-link' ).click
(
function( e )
{
$( this ).tab( 'show' );
$( this ).addclass('active');
var scrollmem = $( 'body' ).scrollTop() || $( 'html' ).scrollTop();
window.location.hash = this.hash;
$( 'html,body' ).scrollTop( scrollmem );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).tab( 'show' );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).addclass('active');
}
);
}
do you know why and how can I solve it?
I want:
From any location of this website I want to open corresponding tab when I click on the sub menus as # is already added for the bootstrap tab.
javascript twitter-bootstrap-3
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
add a comment |
I have this website: http://futura-dev.totalcommit.com
you can see that on the first menu item -> I have few sub menus.
Now, if you click on any sub menu it's should open a cooresponding bootstrap tab but it's not opening. Every time ti's open the first tab
but again if you select any sub menu then it's opening corresponding tab.
I am using following js file :
window.addEventListener
(
'popstate',
function( event )
{
tab_change();
}
);
function tab_change()
{
var hash = window.location.hash;
hash && $( 'ul.nav a[href="' + hash + '"]' ).tab( 'show' );
$( '.tab-link' ).click
(
function( e )
{
$( this ).tab( 'show' );
$( this ).addclass('active');
var scrollmem = $( 'body' ).scrollTop() || $( 'html' ).scrollTop();
window.location.hash = this.hash;
$( 'html,body' ).scrollTop( scrollmem );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).tab( 'show' );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).addclass('active');
}
);
}
do you know why and how can I solve it?
I want:
From any location of this website I want to open corresponding tab when I click on the sub menus as # is already added for the bootstrap tab.
javascript twitter-bootstrap-3
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
I have this website: http://futura-dev.totalcommit.com
you can see that on the first menu item -> I have few sub menus.
Now, if you click on any sub menu it's should open a cooresponding bootstrap tab but it's not opening. Every time ti's open the first tab
but again if you select any sub menu then it's opening corresponding tab.
I am using following js file :
window.addEventListener
(
'popstate',
function( event )
{
tab_change();
}
);
function tab_change()
{
var hash = window.location.hash;
hash && $( 'ul.nav a[href="' + hash + '"]' ).tab( 'show' );
$( '.tab-link' ).click
(
function( e )
{
$( this ).tab( 'show' );
$( this ).addclass('active');
var scrollmem = $( 'body' ).scrollTop() || $( 'html' ).scrollTop();
window.location.hash = this.hash;
$( 'html,body' ).scrollTop( scrollmem );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).tab( 'show' );
$( 'ul.nav-tabs a[href="' + window.location.hash + '"]' ).addclass('active');
}
);
}
do you know why and how can I solve it?
I want:
From any location of this website I want to open corresponding tab when I click on the sub menus as # is already added for the bootstrap tab.
javascript twitter-bootstrap-3
javascript twitter-bootstrap-3
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
asked Nov 16 '18 at 1:52
creativeartbdcreativeartbd
404414
404414
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53330363%2fbootstrap-tab-is-not-opening-from-the-url%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53330363%2fbootstrap-tab-is-not-opening-from-the-url%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
