Семантическое всплывающее окно пользовательского интерфейса, чтобы показать, что содержимое Div не отображается должным образом.также необходимо показать данные строки таблицы

Question

Может кто-нибудь дать мне решение этой ошибки всплывающего кода семантического пользовательского интерфейса?

$(document).on('click', 'table td', function() {
    $(this)
        .popup({
            popup: $('.custom.popup')
        });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container" >
   <table class="ui table" id="table" >
      <thead>
         <tr>
            <th>Name</th>
            <th>Registration Date</th>
            <th>E-mail address</th>
            <th>Premium Plan</th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>John Lilki</td>
            <td>September 14, 2013</td>
            <td>jhlilk22@yahoo.com</td>
            <td>No</td>
         </tr>
         <tr>
            <td>Jamie Haringtonjhlilk22@yahoo.cojhlilk22@yahoo.cojhlilk22@yahoo.cojhlilk22@yahoo.cojhlilk22@yahoo.co</td>
            <td>January 11, 2014September 14,jhlilk22@yahoo.co 2013September 14, 2013September 14, 2013</td>
            <td>jamieharingonton@yahoo.comJamie jhlilk22@yahoo.coHaringtonJamie HaringtonJamie Harington</td>
            <td>YesJamie HaringtonJamie jhlilk22@yahoo.cojhlilk22@yahoo.coHaringtonJamie HaringtonJamie Harington</td>
         </tr>
         <tr>
            <td>Jill Lewis</td>
            <td>May 11, 2014</td>
            <td>jilsewris22@yahoo.com</td>
            <td>Yes</td>
         </tr>
      </tbody>
   </table>
</div>
<div class="ui custom popup top left transition hidden" id="pop">
   popup content
</div>

Семантическое всплывающее окно пользовательского интерфейса для отображения содержимого div, отображаемого неправильно.Также мне нужно показать данные строки таблицы.

Answer 1

Лучшее решение, которое я нашел, дано по ссылке ниже.Пожалуйста, пройдите его.

Семантическое всплывающее окно пользовательского интерфейса при щелчке события строки таблицы для отображения содержимого div.

    $(document).on('click', 'table td', function() {
    $(this)
       .popup({
           popup: $('#pop'),
           inline:true,
            on:'click'
       })
       .popup('show');
});

visit  : [https://codepen.io/manikandanpa/pen/xjmWmg?editors=1010][1]