Add button to jquery ui tabs

Question

I using jquery tabs, and it's working fine.

I also want to add a button to edit the label of the tab, but jquery don't listening the clic on my button, like a z-index problem. I put a "z-index: 10000;" on the button, but it don't work, i just changing of tab.

My tab :

<li><a href="#tab1"><span style="z-index: 100000;" class="button 
   editLibelleCategorie"></span>
   <br>Tabs 1</a>
</li>

and my js code :

$(document).on('click', '.editLibelleCategorie', function()
{
    alert('ok');
    $("#modalEditCategorie").modal('show');

});

Alert is not display when I click on button ...

Thank for your help !

Kriengkri Pongpanjanthra · Accepted Answer · 2017-04-11 08:28:27Z

1

Try the solution as below.

$('.editLibelleCategorie').on('click', function()
{
    alert('ok');
    $("#modalEditCategorie").modal('show');

});

answered Apr 11, 2017 at 8:28

Kriengkri Pongpanjanthra

669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abi · Accepted Answer · 2017-04-11 08:30:55Z

1

Instead of using document mention Your class name for the button in Jquery as follows

$('.editLibelleCategorie').on('click', function()
{
    alert('ok');
    $("#modalEditCategorie").modal('show');

});

answered Apr 11, 2017 at 8:30

Abi

7346 silver badges22 bronze badges

Comments

yPhil · Accepted Answer · 2017-11-09 16:40:54Z

0

A click on the active tab to rename it:

$tabs.on('mouseup', '.ui-tabs-active a', function(e){
    e.preventDefault();
    if (e.which === 1)
        Dialog.renameTab($(this))
});

answered Nov 9, 2017 at 16:40

yPhil

8,4375 gold badges61 silver badges92 bronze badges

Comments

Pang · Accepted Answer · 2018-01-10 04:02:08Z

0

Try this. http://jsfiddle.net/6t6yzffa/

$("#tabs").tabs({
    activate: function (event, ui) {}
});


$('#tabs').on('tabsbeforeactivate', function (event, ui){
    alert('The current tab');
});

edited Jan 10, 2018 at 4:02

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Apr 11, 2017 at 8:55

user8603030

Collectives™ on Stack Overflow

Add button to jquery ui tabs

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related