添加按钮到jquery ui标签

时间:2017-04-11 08:24:37

标签: jquery jquery-ui

我使用jquery标签,它工作正常。

我还想添加一个按钮来编辑标签的标签,但是jquery不会在我的按钮上听clic,就像z-index问题一样。我把" z-index:10000;"在按钮上,但它不起作用,我只是更改标签。

我的标签:

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

和我的js代码:

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

});

单击按钮时不显示警报...

感谢您的帮助!

4 个答案:

答案 0 :(得分:1)

尝试以下解决方案。

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

});

答案 1 :(得分:1)

而不是使用document在Jquery中提及按钮的类名称,如下所示

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

});

答案 2 :(得分:0)

试试这个。 http://jsfiddle.net/6t6yzffa/

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


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

答案 3 :(得分:0)

单击活动选项卡以重命名它:

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