Questions tagged [jquery-ui-tabs]
The Tab widget that forms part of the jQuery.UI library
1,369
questions
-1
votes
1
answer
57
views
Remember last clicked tab on page refresh [duplicate]
been trying to make the browser remember last active tab but couldn't get it right.
function ShowMyDiv(Obj){
var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements....
0
votes
1
answer
20
views
Uncaught Error: Method load does not exist on jQuery.tabs
I'm using JQuery tabs. Every tab loads a different file.
In one of the tabs, there's a form that is ajax - submitted. After the form is successfully submitted, a message appears in that tab: "...
0
votes
0
answers
50
views
How to integrate JqueryUI Tabs in Blazor webAssembly application
I have created a Blazor(.Net Core 5.0) web application. Now due to some enhanced business requirement, I am in need to integrate JqueryUI with Blazor(.Net Core 5.0) web application.
Somewhere over ...
0
votes
0
answers
29
views
Load Php Page Inside Jquery Chrome Tabs
I am Trying to Implement a Tab Like interface For my Php Project. For this I have added below Jquery chrome tabs https://github.com/adamschwartz/chrome-tabs/, It is working fine but I am not finding ...
0
votes
1
answer
78
views
Jquery tab navigation not working properly
Here is the code:
<!DOCTYPE html>
<html>
<body>
<div data-role="tabs">
<div data-role="navbar">
<ul>
&...
1
vote
1
answer
1k
views
jquery-ui tab "Interactive controls must not be nested"
I use jquery-ui tabs. Sample code:
<ul role="tablist">
<li role="tab"><a class="label" href="#tabs-1" aria-label="Description tab">...
0
votes
0
answers
37
views
Jquery tab not showing first child selected
I'm not able to select the first child using jquery tabs.
$( function() {
$( "#twocoltabs" ).tabs();
$( "#twocoltabs" ).tabs( "option", "selected", 0 );...
2
votes
1
answer
342
views
Reactjs Dynamically call components having cards under tabpanels using array
This is where Tab header and tab content is defined, expectation is Tabs_content has component name, and under tabpanel it should traverse array tabs_content and display component < AddQueueCard /&...
0
votes
1
answer
358
views
How to manipulate Bootstrap tabs from another page using Ajax
I have a view in my Laravel project that shows all products in the first tab and pending products in the second tab. in the second tab when I enter to validate a certain product, I am redirected to my ...
0
votes
1
answer
21
views
link to a page with tabbed content doesnt work
I have been trying to have a direct link, so that whenever that link is clicked the specific tab opens. However when I use domainname.com/aboutus#award_tab the tab name doesn't open the specific tab I ...
0
votes
0
answers
132
views
I want a single page scroll with top nav menu scroll and active (Active menu should be in first position scroll)
I am not able to scroll Nav menu with left or right position.
This should be work automatically when page is scrolling.
For Examples :
if "Menu 2" active then scroll position on first for ...
1
vote
0
answers
41
views
how to call predefined method inside tabs() in latest jquery ui
I am upgrading jquery UI from 1.9 to 1.12 in my project. I want to call predefined method that is defined in a js file. In old version, it is working as
var temp = $('#' + this.id).tabs('addData', '#' ...
0
votes
0
answers
177
views
The page does not load when I press the tab link
The page does not load when I first click on the 'All' tab. Blank page loading. It comes when clicked for the second time. How can I get it to load on the first click?
<ul class="nav nav-tabs&...
1
vote
1
answer
410
views
Passing an Ajax-generated URL to a JQuery tab in web page
I am encountering an issue in processing Ajax-encoded URLs.
I am querying a database (Solr) via an Ajax script, sending the output to a web page (served locally only on a localhost webserver on my ...
0
votes
3
answers
104
views
Opening a document hyperlink present in one JQuery tab, in another JQuery tab?
Sorry: I know this is a FAQ but I've looked and experimented without success.
What I am trying to accomplish is generate Apache Solr results in the "Search" tab (done; working; screenshot ...
2
votes
1
answer
45
views
Why is the content being appended to the wrong dynamically-generated tab?
I am trying to create jQuery Tabs dynamically. It should work so that every time I click on "Generate" Multiplication table button a new Tab should be created and a table with the current ...
1
vote
1
answer
188
views
jquery tabs - want to use more than once on same page
I used jquery-ui to implement tabs on one page. However, I need to use it more than one time on the same page.
<div id="tabs">
<ul class="top-part">
...
1
vote
1
answer
91
views
JQuery Tabs not working on Page2 of Jquery DataTables
I have a coldfusion application that is outputting cfquery results that are formatted using JQuery DataTables. That works as expected. But within the the jQuery datatable display, I have content that ...
1
vote
1
answer
69
views
Is there a way to hide content in JQuery before the page loads when using Tabs?
Currently working on a dummy website using Javascript as I am new to the language.
I'm operating with JQuery and using the "tabs" function it provides; however I'd like to know how to have ...
0
votes
2
answers
221
views
Tabs not shown when #id is in page URL
I tried to add a tabs option to my page URL so that the specified tab is focused when the page loads
Example: mywebsite/page/#tab3
I'm using jQuery, but not jQuery UI.
Any ideas om how I can do it?
&...
0
votes
1
answer
136
views
unload div content of previously tabs when new tab is selected
Here is the answer I found enter link description here
However this method just only hide the content not completely unload or remove them.
It's work good if use with text or images, but not with ...
1
vote
1
answer
313
views
Javascript Mirror 'Current' Tab to another Tab | Webflow
I've created a widget in Webflow that works but the UX design isn't the greatest and in order for me to create a better experience I need help with some js. Here's a little overview of the widget so ...
0
votes
1
answer
227
views
jQuery ui-tabs .bind("tabsactivate", function (event, ui) does not work when reloaded
I am dynamically creating a table (on click of a button) and storing the current tab index when the tab is activated (clicked on). This works the first time I create the table; however, if I recreate ...
0
votes
1
answer
733
views
Creating Tabs using Ajax with WordPress, Woocommerce and Divi
I have a website I am working on using Divi and Woocommerce. Since Divi and Woocommerce Categories don't get along, I found a tutorial to build out tabs for categories. This is what it looks like:
...
0
votes
1
answer
815
views
How do I copy an image from one div to another div by the image ID
I have 3 tabs. On the first tab is a link that opens the second tab. The second tab has a series of images. What I am trying to achieve is when a user clicks on any of the images in the second tab, ...
0
votes
1
answer
458
views
How to set active tab of jquery ui tabs using custom function?
I want to set active tab in jquery ui tabs based on output of a function active_tab(), but active_tab() function do not run when tabs are initialized.
function active_tab()
{
var t = 1;
// ...
0
votes
1
answer
199
views
Multiple Markdown translations per cell on jupyter notebooks
Is there a native way or widget on jupyter notebooks to set a markdown cell to create something like html tabs so I can add documentation on each language I want instead of creating 3 different ...
0
votes
1
answer
115
views
How to pass a function to active option of jquery ui tabs?
How to pass a function to jquery ui tabs active option?
I can pass a function to jquery ui tabs activate option like this
activate: function(event, ui){
localStorage.setItem("#" + $(this)....
-1
votes
3
answers
75
views
Tab widgets in jquery not showing at all
I am currently working on a web form and my jquery tabs are not showing when i run the page.I included this inside the header:
<link rel="stylesheet" href="/resources/demos/style.css">
<...
0
votes
1
answer
518
views
Make Jquery UI Tabs Dynamically Searchable
I originally had Bootstrap tabs, and they were searchable, however, I am now using JQuery UI Tabs, and I want the same functionality.
Here are the original tabs:
<div class="container" style="...
0
votes
2
answers
1k
views
Select default tab on page load
I would like the first tab to be 'selected' upon page load.
Hi, I would like the first tab, 'Discover', to be selected upon page load. I have run multiple versions of the same code functionality in ...
0
votes
1
answer
111
views
JQuery UI - Cloned Tabs - not switching tabs
I am cloning a JQuery UI Tabs element. The tabs are being created OK from the cloned instances, but I can't change the tabs on the instances. The original tabs element works fine.
$("#tabs")....
1
vote
0
answers
60
views
JQuery, hide() not working but remove() is
I'm using JQuery UI tabs and I'm trying to hide the corresponding tab and div when they click the 'X' on the tab. It is hiding the tab properly; however for some reason it does not hide the div.
...
0
votes
1
answer
343
views
jQuery Tabs Selected Tab Prevent Jump to top
I'm using jQuery tabs, an click on a tab it add hash to the url
jQuery( "#tabs").tabs({
activate: function(event, ui) {
window.location.hash = ui.newPanel.attr('id');
}
...
0
votes
1
answer
38
views
Jquery tab - add a class when active
I'm trying to edit this:
http://jsfiddle.net/rohankumar1524/HznC9/3/
As you can see the code add the class "current_tab" at "ul.tab_nav li a" clicked.
I need to add this class at "ul.tab_nav li".
...
0
votes
1
answer
188
views
Tabs content file image preview script not working
Image preview function works correctly on the first tab, why doesn't it work on other tabs, I'm reloading the image preview function by clicking the tab, I couldn't find an example in the net for this ...
0
votes
1
answer
751
views
JavaScript not working on all tabs on single HTML page
So I am working on a website that is suppose to have little interactive pictures maps that you can hover over and it will display information. But the problem that I am having is that my Javascript is ...
0
votes
1
answer
600
views
How to Call Jquery tabdrop() Plugin from Jquery Tab Widget?
Just as this Jquery Plugin, I have jquery tab that I would like it to behave the way that plugin does by grouping any exceeded tab into dropdown as it reaches the screen width.
In my fiddle ...
0
votes
1
answer
114
views
Loading a Partial view which has a complex model of many sub models into a jquery ui tab
I get an error when loading a particular view via an Html.action call to an action and Controller, into a jquery Tab.
The other View is loaded successfully via an HTML.Partial call.
How do I get this ...
0
votes
1
answer
47
views
Jqgrid server side data not loaded in the second Jquery tab
I have a html file and a js file using jqgrid and jquery tabs having 3 table tabs. Server side data was loaded properly in the 1st tab but NOT loaded in the 2nd and 3rd tab. Please suggest what I'm ...
0
votes
2
answers
97
views
Set all panels width to the width of the widest panel
I have jquery tabs and i would like to make all panels width be the same as the widest panel width.
Something like heightStyle:"auto" works for height.
widthStyle:"auto" would be what im looking for, ...
0
votes
1
answer
1k
views
Needs to go to next tab while button is clicked
Here i had tried many ways to go to next tab while a button is clicked but its not going here is my code please have a look.
$(".login_button").click(function() {
var active = $( "#tab" ).tabs( "...
0
votes
1
answer
511
views
Prevent calling "show" event of jquery tabs
I am using jquery tabs in MVC application. Based of whcih tab is selected I wan't to a message and cancel the show event of selected tab.
Is there any way to cancel the "show" event of jquery tabs?
...
0
votes
1
answer
182
views
JQuery Tabs - change background colour of tab on input entry
I'm creating a simple application which has 5 tabs and corresponding DIV's which contain some parts data and two input fields. What I'm trying to achieve is when someone types a value in the .qty ...
1
vote
1
answer
1k
views
Use AntiForgeryToken when form was fetched using AJAX call?
---------------Update, scroll down for original question----------------------
These two settings (which I simply did not notice) in the $.ajax call were breaking it for me:
contentType: false,
...
1
vote
0
answers
39
views
Group tab item "li" as drop down when tab items exceed 5?
I tried to dynamically add new tab item, and group it as a drop down if the tab item exceed 5.
However, the fifth tab item on ward is not formatted well as the first, second, third and fourth tab ...
0
votes
1
answer
47
views
Show new Jquery UI Tab after creating it
I am trying to get a jQuery UI tab to show (open the panel associated with the tab) in the browser when a user adds a new tab. Currently this is what my tab addition functions looks like.
let tabs = $...
1
vote
1
answer
1k
views
JQuery UI Tabs: Add tab at the second position
I am having trouble to add a tab between the first and second tab.
I have a button when it is pressed a new tab with demo content should appear between the first and the second tab.
This is my ...
0
votes
1
answer
3k
views
Jquery-UI Tab - Change Active Tab Color
For the tab the user clicks on an is active, I like to change the tab color. I have the styling below. Is there another styling that I may be missing?
I have the following code
// Styling of tabs
...
1
vote
1
answer
215
views
Keep active jQuery UI tab and related to it sub-tab after reloading page
I would like to keep active jQuery UI tab and related to it sub-tab after reloading page.
Currently, I keep only tabs.
I use next script:
$(".tabs").tabs({
active: localStorage.getItem("...