Fomantic-UI クリックした際にポップアップを表示するには?

ショコラ
ショコラ

Fomantic-UI クリックした際にポップアップを表示するには?

メモ activator とかの使い方もメモメモ

もっさん先輩
もっさん先輩

ボタンの設置

<button type="button" class="ui icon button popup-click" data-id="{{$id}}" data-sts="{{$sts}}">
  <i class="ui blue edit icon"></i>
</button>

activator も「こうやって使うんだ」ということ

$('.popup-click')
  .popup({
    on: 'click',
    html : function() {
      const $activator = $(this).data('activator');
      const id = $activator.data('id')
    //const sts = $activator.data('sts')
      const sts = $activator.attr('data-sts');
      return `<div class="ui buttons">てすと</div>`
    },
  })
Scroll to Top