语义 UI 弹出窗口，用于显示未正确显示的 div 内容. 还需要显示表行数据

Question

有人可以给我这个语义UI代码弹出错误的解决方案吗？

$(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>[e-mail]</td>
<td>No</td>
</tr>
<tr>
<td>Jamie [e-mail][e-mail][e-mail][e-mail][e-mail]</td>
<td>January 11, 2014September 14,[e-mail] 2013September 14, 2013September 14, 2013</td>
<td>[e-mail] [e-mail] HaringtonJamie Harington</td>
<td>YesJamie HaringtonJamie [e-mail][e-mail] HaringtonJamie Harington</td>
</tr>
<tr>
<td>Jill Lewis</td>
<td>May 11, 2014</td>
<td>[e-mail]</td>
<td>Yes</td>
</tr>
</tbody>
</table>
</div>
<div class="ui custom popup top left transition hidden" id="pop">
popup content
</div>

语义 UI 弹出窗口，用于显示未正确显示的div 内容。我还需要显示表行数据。

Answer 1

我找到的最佳解决方案在下面给出了链接。请通过它。

单击表行事件以显示div 内容的语义 UI 弹出窗口。

$(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]