jquery"点击"在选项卡内的按钮上

时间:2017-05-30 12:32:58

标签: jquery jquery-ui

我有一个jquery问题:我的页面上有jquery选项卡,在每个选项卡中都有一个带有类的span。现在,我动态创建另一个选项卡,其中包含相同的类,但它不起作用。

此代码适用于实体选项卡,但不适用于动态创建的选项卡:

$('.editLibelleCategorie').on('click', function()
{
    console.log('1');
});

现在,如果我尝试使用此代码,它对于“现有”选项卡不起作用:

// validation form modif libellé catégorie
$(document).on('click', '.editLibelleCategorie', function(e)
{
    console.log('1');
});

我的HTML代码:

<li class="sortable" id="2" data-idCategorie="2" data-libelleCategorie="cat" data-ordreCategorie="4">
    <a href="#tab2">
        <span class="button small aqua button-3d effect fill fa fa-pencil editLibelleCategorie" data-idCategorie="2" data-libelleCategorie="cat"></span>

        <span class="button small red button-3d effect fill fa fa-minus deleteCustomCategorie" data-idCategorie="2"></span>

        <br><span id="libelleCategorie_2">cat</span>
    </a>
</li>

它就像&#34;文件&#34;元素选择器不能在jquery选项卡中工作......

有人可以帮助我吗?

提前致谢,对不起我的英语......

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,所以我这样解决了:

使用此代码创建新动态标签后添加事件。

$('.editLibelleCategorie').attr('onclick','functionName()');

这对我来说很好。