Questions tagged [jquery-ui-tabs]

The Tab widget that forms part of the jQuery.UI library

Filter by
Sorted by
Tagged with
-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....
  • 80
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: "...
  • 636
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 ...
  • 131
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> &...
  • 33
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 );...
  • 155
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 /&...
  • 43
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 ...
  • 57
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 ...
  • 1
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 ...
  • 97
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 ...
  • 417
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"> ...
  • 41
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 ...
  • 35
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? &...
  • 79
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
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 ...
  • 1,903
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; // ...
  • 891
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)....
  • 891
-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="...
  • 1,320
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")....
  • 4,136
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. ...
  • 103
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 ...
  • 1,607
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, ...
  • 15
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( "...
  • 845
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? ...
  • 577
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 ...
  • 127
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, ...
  • 3,480
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 ...
  • 1,607
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 ...
  • 43.5k
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("...
  • 183

1
2 3 4 5
28