javascript - JQuery 条件处理程序

Question

我需要选择 li基于“aria-selected”属性的元素，该属性在插件初始化后会影响该元素(具体来说，它是一个 JQuery UI tab 元素，我想处理“选定”选项卡上的单击，并且这些选项卡被添加到动态 DOM)所以我会这样做:

$("[aria-selected='true']").on('click').method(...);

但是我需要在创建元素时附加此处理程序，之后就为时已晚了；我正在创建这样的元素:

var $thisTab = $('<li></li>');

所以我需要一种方法来表示“将此处理程序附加到此元素，但仅当它具有此属性时才触发它，例如:

$thisTab.withClass("[aria-selected='true']").on('click').method(...);

看，这个li包含一个<a href>link</a>当选项卡“选择 aria”时，插件将“禁用”该功能。因此，我不能只绑定(bind)事件并测试属性，否则我将断开未选定选项卡上的 a 链接；我希望我说得有道理。

我怎样才能做到这一点？

Answer 1

这应该适合你

$("body").on('click', "[aria-selected='true']", function(el){
   // ..method 
}

您需要将“ future ”元素的范围限制为某些永久元素，例如正文、文档等。

更新:

如果您需要在创建 TAB 元素后执行某些操作，请使用以下内容:

$( ".selector" ).tabs({
  create: function( event, ui ) {}
});

或者您需要在选择选项卡时更改某些内容，例如:

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

呵呵，干杯