Inline call of jQuery tabs doesn't work
Here's my problem.
I have a tabs block which load perfectly when I put this script in phtml
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
But if I use $("footer").tabs(); in browser console, tabs are not working.
Every other components of jQuery ui works fine except this one.
Did I miss something ?
jquery magento-2.2.5 tabs footer
edited 29 mins ago
Muhammad Hasham
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
add a comment |
Here's my problem.
I have a tabs block which load perfectly when I put this script in phtml
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
But if I use $("footer").tabs(); in browser console, tabs are not working.
Every other components of jQuery ui works fine except this one.
Did I miss something ?
jquery magento-2.2.5 tabs footer
edited 29 mins ago
Muhammad Hasham
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33
add a comment |
Here's my problem.
I have a tabs block which load perfectly when I put this script in phtml
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
But if I use $("footer").tabs(); in browser console, tabs are not working.
Every other components of jQuery ui works fine except this one.
Did I miss something ?
jquery magento-2.2.5 tabs footer
edited 29 mins ago
Muhammad Hasham
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
Here's my problem.
I have a tabs block which load perfectly when I put this script in phtml
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
But if I use $("footer").tabs(); in browser console, tabs are not working.
Every other components of jQuery ui works fine except this one.
Did I miss something ?
jquery magento-2.2.5 tabs footer
jquery magento-2.2.5 tabs footer
edited 29 mins ago
Muhammad Hasham
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
edited 29 mins ago
Muhammad Hasham
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
edited 29 mins ago
Muhammad Hasham
1,753424
edited 29 mins ago
Muhammad Hasham
1,753424
edited 29 mins ago
Muhammad Hasham
1,753424
1,753424
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
asked Oct 8 '18 at 14:26
patrick baconpatrick bacon
11
11
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33
add a comment |
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33
add a comment |
2 Answers
2
active
oldest
votes
Magento 2 uses require js to load the dependencies before hand when you use following syntax;
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
i.e jquery,then jquery/ui and then your script.
But when you use $("footer").tabs(); the dependencies are not really monitered or loaded by anyone so it may or may not work depending it has loaded or not.
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
add a comment |
I think I figure it out.
I think there's a conflict with Magento tabs widget, and tabs doesn't load.
Instead I use
require([
'jquery',
'jquery/ui'
],
function($) {
$.ui.tabs({}, "footer");
}
);
And it's now working fine.
Thx for our replies
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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%2fmagento.stackexchange.com%2fquestions%2f245591%2finline-call-of-jquery-tabs-doesnt-work%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Magento 2 uses require js to load the dependencies before hand when you use following syntax;
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
i.e jquery,then jquery/ui and then your script.
But when you use $("footer").tabs(); the dependencies are not really monitered or loaded by anyone so it may or may not work depending it has loaded or not.
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
add a comment |
Magento 2 uses require js to load the dependencies before hand when you use following syntax;
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
i.e jquery,then jquery/ui and then your script.
But when you use $("footer").tabs(); the dependencies are not really monitered or loaded by anyone so it may or may not work depending it has loaded or not.
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
add a comment |
Magento 2 uses require js to load the dependencies before hand when you use following syntax;
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
i.e jquery,then jquery/ui and then your script.
But when you use $("footer").tabs(); the dependencies are not really monitered or loaded by anyone so it may or may not work depending it has loaded or not.
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
Magento 2 uses require js to load the dependencies before hand when you use following syntax;
require([
'jquery',
'jquery/ui'
],
function($) {
$("footer").tabs();
}
);
i.e jquery,then jquery/ui and then your script.
But when you use $("footer").tabs(); the dependencies are not really monitered or loaded by anyone so it may or may not work depending it has loaded or not.
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
answered Oct 8 '18 at 14:42
Vivek KumarVivek Kumar
2,4532629
2,4532629
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
add a comment |
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
In my case, dependencies are loaded. I can use jQuery('anyelement').dialog() and it's working fine.
– patrick bacon
Oct 8 '18 at 14:45
add a comment |
I think I figure it out.
I think there's a conflict with Magento tabs widget, and tabs doesn't load.
Instead I use
require([
'jquery',
'jquery/ui'
],
function($) {
$.ui.tabs({}, "footer");
}
);
And it's now working fine.
Thx for our replies
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
add a comment |
I think I figure it out.
I think there's a conflict with Magento tabs widget, and tabs doesn't load.
Instead I use
require([
'jquery',
'jquery/ui'
],
function($) {
$.ui.tabs({}, "footer");
}
);
And it's now working fine.
Thx for our replies
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
add a comment |
I think I figure it out.
I think there's a conflict with Magento tabs widget, and tabs doesn't load.
Instead I use
require([
'jquery',
'jquery/ui'
],
function($) {
$.ui.tabs({}, "footer");
}
);
And it's now working fine.
Thx for our replies
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
I think I figure it out.
I think there's a conflict with Magento tabs widget, and tabs doesn't load.
Instead I use
require([
'jquery',
'jquery/ui'
],
function($) {
$.ui.tabs({}, "footer");
}
);
And it's now working fine.
Thx for our replies
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
answered Oct 8 '18 at 15:02
patrick baconpatrick bacon
11
11
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- 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%2fmagento.stackexchange.com%2fquestions%2f245591%2finline-call-of-jquery-tabs-doesnt-work%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
Can you load the whole script in console?
– Sukumar Gorai
Oct 8 '18 at 14:28
I get the same result with the whole script. Nothing appends and I get no error.
– patrick bacon
Oct 8 '18 at 14:33