Multiple Semantic-ui Popups With Target Element Defined In Atribute Of Each Instance

I have succesfully defined a popup for a clickable link element: The element: `Alerts Page` The script which tr

Solution 1:

Whenever you need to pass instance specific data to any plugin options the easiest way is to wrap the initialization in an each loop

Then the each loop will expose the instance as this.

When you are trying to use this currently it is the window not the element

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