Questions tagged [jquery-ui-tabs]

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

jquery-ui-tabs
Filter by
Sorted by
Tagged with
1 vote
0 answers
41 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 ...
Houy Narun's user avatar
  • 1,647
0 votes
1 answer
56 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 = $...
Tyler Lazenby's user avatar
1 vote
1 answer
2k 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 ...
Björn Karpenstein's user avatar
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 ...
Nate Pet's user avatar
  • 45.3k
1 vote
1 answer
244 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("...
Evgeny's user avatar
  • 193
0 votes
2 answers
11k views

Dynamically set active tab with jquery

I'm trying to set a tab active dynamically. I have search the net but the solutions is not working.Here is my code. <ul id="memnav" class="nav nav-tabs"> <li class="active"> <a ...
Mutasim Fuad's user avatar
-1 votes
3 answers
5k views

Toggle class with bootstrap and jQuery

Im after some advice on the use of jquery and bootstrap if anyone can assist. I have the following HTML <ul class="nav nav-pills nav-fill"> <li class="nav-item"> <a class=...
Keith Riches's user avatar
0 votes
1 answer
1k views

Jquery-ui Tabs Open dialog box on tab click (stop code)

This is my code. I am trying to stop the clicked tab from loading until i get a response from the dialog box. Also if i click cancel, i wan to return to the previously selected tab. currently the way ...
Micah Caffrey's user avatar
1 vote
1 answer
158 views

jquery - stop propagation to jQuery UI Tabs and follow link

Apologies if this ask been asked before - I searched and didn't find anything that matched exactly what I'm seeing. Here's the situation: I'm using jQuery UI Tabs for selection of images on a page. ...
Jasiu's user avatar
  • 21
0 votes
1 answer
1k views

JQuery Ui tabs pagination deprecated

I am using UI Tabs Paging extension - v1.2.2 in legacy system. https://code.google.com/archive/p/jquery-ui-tabs-paging/ It supports jQuery 1.9.0 and jQuery UI 1.9.0 . I need to upgrade to support ...
Mahesh's user avatar
  • 248
0 votes
0 answers
15 views

How To Prevent jQuery Tabs From Changing Element Display Modes?

I have begun using jQuery tabs and it has an annoying side effect of changing the display mode of child elements in unpredictable and unwanted ways. Some elements I have explicitly set to hidden: $('#...
dugla's user avatar
  • 12.9k
1 vote
1 answer
666 views

MVC 5: jQuery nested tabs are not displaying properly

Note: I am new to jQuery and tabs. I am attempting to implement nested tabs with jQuery tabs in an MVC 5 web application. For some reason, the implementation is not working correctly and I assume ...
J Weezy's user avatar
  • 3,687
0 votes
2 answers
246 views

jQuery 1.12 Tabs Widget: active tab based on id

I'm using jQuery 1.12 Api and I would like to make active a tab based on its id. Using jQuery 1.8 Api this was possible with this piece of code: $('#div-container').tabs('select', '#' + idTab); From ...
Matteo Negrini's user avatar
0 votes
3 answers
675 views

Disabling bootstrap open tab from link after tab changing

I have been battling with disabling the parent class li from opening the tab with the link placed in it, I want only the save and continue button to open the tabs not the links, cause the links get ...
Shasha's user avatar
  • 435
1 vote
0 answers
428 views

Getting a resize event to happen every time a jQuery UI tab click occurs

I'm using jQUery UI tabs, and within each tab, it's got a slick.js-based slider. Since the second slider is initially set to display:none; on page load (since it's in a non-active tab), its size isn'...
Keefer's user avatar
  • 2,279
-1 votes
3 answers
6k views

Find active tab in ui-tabs in jquery and change color [duplicate]

When i click the tabs the color of the li has to be changed. I tried to remove the previous active class and add active class to the current li. but not working. <script> $(document).ready(...
Sindhu's user avatar
  • 100
1 vote
0 answers
14 views

How to rename new tabs heading which is created dynamically by clicking a button using jquery [duplicate]

Step 1: Tab 1 and Tab 2 are there from before. Step 2: Double click on Tab 1 and get a option to rename tab heading. Step 3: Double click on Tab 2 and get a option to rename tab heading. Step 4: ...
RajB009's user avatar
  • 427
1 vote
1 answer
359 views

jQuery UL Tabs duplicate navigation - issues?

I was looking to clone a Jquery Tabs Navigation and I found a post in this same website. Here is the topic: TOPIC I follow the steps of @Didier Ghys with is Fiddle Exemple $( "#tabs" ).tabs({...
David Prego's user avatar
0 votes
1 answer
172 views

Get focus on a tab of jquery UI tabs

I would like to give focus on the tab with the href tabs_11 : <div id="tabs"> <!-- PB :: MENU_PRINCIPAL_________________________________________________--> <ul&...
David Dubois's user avatar
0 votes
1 answer
138 views

jquery tabs method is not working

I have couple of simple tabs, I am trying to apply activate flag on first tag when page loads, then i will have my own condition to load second.i am having a problem when i call tabs() or tabs({...
karim's user avatar
  • 29
0 votes
1 answer
59 views

Make Input Radio work inside <a href>

I'm trying to make tabbed comments section for WordPress. I use jQuery UI tabs to make it work. I have styled radio switches between tags but it does not works. When I click a tab, link click happens ...
DaftPlug's user avatar
0 votes
0 answers
286 views

How to implement jquery ajax tabs without visible href in tab

I've succesfully implemented an ajax tab system for my page and its working properly. The issue i'm facing is that the url of the the href is visible when a user hovers over tab and if he right ...
Sunny's user avatar
  • 45
0 votes
3 answers
530 views

pseudo elements not showing on div

I have a tabspanel content container for jquery tabs to which i'm trying to apply an advanced box-shadow using pseudo elements. However, the pseudo elements aren't showing for some reason. CSS #...
pjldesign's user avatar
  • 387
0 votes
0 answers
66 views

Dynamically created tabs getting error: Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier. at Function.error

Dynamically created tabs, but getting this kind of error, I don't know where I went wrong, and tabindex is -1 if i check in developer console. <div id="tabDiv"> <ul id="tabs" class="...
developer98765's user avatar
2 votes
2 answers
3k views

remove/add class to parent div when child li is clicked

I have a div container that houses a unordered list tab menu. When I click each tab the menu content changes accordingly. It currently works nicely however I would like to change the background image ...
user3330683's user avatar
0 votes
1 answer
525 views

JPList plugin only fires on first JQuery UI Tab

I'm using the jQuery UI tabs to display 2 tabs. I have a single Bootstrap Dropdown Filter tied to the JPList Plugin. This should filter within each tab. The filtering works on the first tab, but not ...
dentalhero's user avatar
0 votes
2 answers
68 views

jquery tab page not found

I have 3 jquery tabs. When I click Home tab, firefox console says "GET http://localhost:8080/MedAI/jsp/homeTab.jsp [404 Not Found]". Why? Here is code snippet from index.jsp <div id="tabs"> &...
user3217883's user avatar
  • 1,256
0 votes
1 answer
674 views

jquery tabs - save tab content on navigation within tab

I have a webpage that uses the jquery tabs control. In this page the tabs are dynamically generated based on what the user selects. These tabs show the contents of pages in my web app. For example ...
jforward5's user avatar
0 votes
1 answer
1k views

Using Jquery tabs isn't working properly

I have 3 different graphs I want to put in tabs and open when selected upon. I used a boostrap elements to make 3 of the graphs. I followed along the Jquery site and used that example and it isn't ...
Alex Philavong's user avatar
0 votes
2 answers
172 views

click event in jQuery UI widget factory using .on()

I'm trying to implement the simple manipulation functionality from jQuery UI Tabs. But instead of having the code outside the widget, I want to have it inside the widget itself. The "add new tab" is ...
Matías Cánepa's user avatar
0 votes
0 answers
133 views

Angular js return to active tab?

I have two tabs in my page <ul class="nav nav-tabs"> <li class="active pointer-cursor"><a data-toggle="tab" data-target="#home" ng-init="LCL='LCL'" ng-click="setCargoType(LCL)">...
Nakul's user avatar
  • 35
1 vote
0 answers
638 views

JW Player on jquery tab chance stop video and autostart current

I have multiple videos in same page using jquery tabs (https://wordpress.org/plugins/tabs-responsive/). So, what i m trying to do is to make them stop when i change tab and autostart again if i choose ...
MrLentis's user avatar
1 vote
0 answers
32 views

ExtJS charts into jQuery UI tabs

I'm trying to put an ExtJS chart into a jquery UI tab... the simple code is this Ext.onReady(function() { Ext.create('Ext.chart.CartesianChart', { renderTo: 'binding-example', ...
SistemasVE's user avatar
0 votes
2 answers
9k views

Swiper slider breaks on tabs

Hello using Swiper slider by slider home page Here is the website home page it is setup on. MY SITE WITH SWIPER SLIDER The Code inner html <!-- Link Swiper's CSS --> <link rel="...
DA-G-GURU's user avatar
  • 141
0 votes
1 answer
851 views

$(...).tabs() is not a function using Spring MVC and jQuery 3.1.0

I'm running a web portal locally using Spring MVC and I'm having difficulty getting the jQuery tabs to work properly. I always get the error $(...).tabs() is not a function. Here is my jsp: <!...
1pieceofbleach's user avatar
0 votes
1 answer
49 views

my jquery tabs are not working after load

My default jquery tabs are not working after load, what can i do? $('#tabs').tabs(); $('#a').tabs(); var section = $("#header a"); section.on('click', function() { $('#load').load(this.id + ' #...
d3esligner's user avatar
0 votes
0 answers
72 views

jQueryUI Dialog inside jQueryUI Tab - funny positioning

I've got a web page using jQueryUI tabs and some of these tabs have listeners which recieve a callback when it's data is changed by another process, and offers to update the page for you with the ...
ministe's user avatar
  • 553
0 votes
1 answer
140 views

reducing jquery UI Tabs code

so I have around 20 Tabs (Pages) with lot of sub-Tabs, all displayed using the similar code below: I am thinking how can I shrink this code to put in master JS file and use/re-use for each Div??, as ...
rajeev's user avatar
  • 1,301
4 votes
2 answers
2k views

jQuery tabs prevent scroll to anchor

I am using jQuery tabs like ths... <div id="tabs"> <ul class="tabs-menu"> <li><a href="#tab1" class="selected">Tab 1</a></li> <...
fightstarr20's user avatar
  • 12.2k
0 votes
1 answer
161 views

Tabs won't work in jQuery?

I need to create tabs in a reservation form (3 tabs) that contain text boxes for the user to fill out then submit. I can't seem to get it to work though and I'm not sure why? Did I place the content (...
user avatar
1 vote
2 answers
5k views

Auto select a tab on HTML button click using tab name instead of tab id

How to auto select a tab on HTML button click by using the title of the tab instead of it's index. By using tab index it can be done like this: $( ".selector" ).tabs( "option", "active", ...
ujjawl saini's user avatar
0 votes
1 answer
76 views

tabs load doesn't reload content in jquery ui 1.2.1

load used to work with former versions of this library: $("#myTabs").tabs("load", index); According to the docs, this should load the remote tab. Yet once the tab has been loaded it doesn't load ...
user311174's user avatar
  • 1,744
-1 votes
1 answer
9k views

jQuery Uncaught TypeError: $(...).tabs is not a function

ASP.NET 4.5 WebForms. I've found other posts on SO where people seemed to have these same issues, however their answers didn't resolve my issue. Which is strange because my tabs on another page still ...
nulltron's user avatar
  • 636
0 votes
1 answer
141 views

jQuery UI Tabs - Get tab index while having two tabs() on the view

I need to get the index of current selected tab. As I found here I need sth like this: $('#tabs').tabs(); curTab2 = $('#tabs .ui-tabs-active'); alert(curTab2); However, as a result I get [object ...
Roberto's user avatar
  • 325
0 votes
2 answers
3k views

Bootstrap tabs not switching with next button

I want to switch tabs wih next and previous button, but when I click on the button, the content of the are switching well but not the "active tabs". Here a fiddle : http://jsfiddle.net/ZazaAngular/...
ZazaAngular's user avatar
2 votes
1 answer
2k views

jquery- On onchange event tab content is not getting displayed properly

Below is my HTML code: <select id="sourceNameDropdownId" label="condition " style="width:300px;"> </select> <div id="tabs" class="selector"> </div> Here, is my javascript ...
ujjawl saini's user avatar
0 votes
1 answer
1k views

Force html5 video to stop on jquery tab change

I was under the impression if I specified #tabs it would find the video since it appears video is a standard tag declarative. I am not completely sure if I am calling out the wrong tag or what is ...
bbcompent1's user avatar
0 votes
1 answer
756 views

Vertical jQuery Tabs with Text wrapped in tabs of longer than tab width

Using the following example (Vertical Tabs (stackoverflow) I was able to for the jquery tabs vertically. HTML <div id="ProductTabs" style="height:685px;overflow:scroll;"> <ul> ...
Danie Schoeman's user avatar
1 vote
1 answer
852 views

ASP:RequiredFieldValidator and jQuery incompatibility

I have some jQuery plugins running on my page (i.e. tabs). When I add an <asp:requiredfieldvalidator> the jQuery functionality stops working... any ideas? Uncaught TypeError: Cannot read ...
JSON's user avatar
  • 1,613
1 vote
1 answer
1k views

On button click reload content (ajax) in tab

I'm using jquery ui tabs. Every tab get content via ajax load. How can I reload content in active tab when I click the button or when the form in content is submitted. So far I've got this.. (that ...
ggsplet's user avatar
  • 676

1
2
3 4 5
36