Javascript 多个语义ui弹出窗口，每个实例的atribute中定义了目标元素

我已成功为可点击链接元素定义了一个弹出窗口：

要素：

`<a href="{{URL::to('alerts')}}" data-tcs="#popup-1">Alerts Page</a>`

弹出窗口本身（不相关）：

坦吉！

做 现在，只有当目标内容的ID直接指向时，弹出窗口才能正常工作，但是。。。 我准备再放10个弹出窗口，我想用同样的脚本来触发它们。 如何根据数据tcs属性的值指向正确的弹出窗口？ 我的尝试是徒劳的

谢谢大家的帮助

文件如下：

---

每当您需要将特定于实例的数据传递给任何插件选项时，最简单的方法是将初始化封装在

每个

循环中

然后，

每个

循环将实例公开为

this

当您当前尝试使用

此

时，它是

窗口

而不是元素

$('[data-tcs]').each(function() {
  var $el = $(this);
  $el.popup({    
    popup: $el.attr('data-tcs'),
    on: 'hover',
    delay: {
      show: 0,
      hide: 500
    },
    hoverable: true
  });
});

---

每当您需要将特定于实例的数据传递给任何插件选项时，最简单的方法就是将初始化封装在

每个

循环中

然后，

每个

循环将实例公开为

this

当您当前尝试使用

此

时，它是

窗口

而不是元素

$('[data-tcs]').each(function() {
  var $el = $(this);
  $el.popup({    
    popup: $el.attr('data-tcs'),
    on: 'hover',
    delay: {
      show: 0,
      hide: 500
    },
    hoverable: true
  });
});

---

我很确定你可以使用一个类选择器，然后用

$（这个）

缩小它的范围。从文档来看，实际上主选择器可能需要是一个类，

$（'[data tcs]）

部分。我很确定你可以使用一个类选择器，然后用

$（这个）缩小它的范围

从文档中判断，实际上主选择器可能需要是一个类，

$（'[data tcs]）

部分工作得很好！非常感谢。很好用！非常感谢。

$('[data-tcs]').each(function() {
  var $el = $(this);
  $el.popup({    
    popup: $el.attr('data-tcs'),
    on: 'hover',
    delay: {
      show: 0,
      hide: 500
    },
    hoverable: true
  });
});